Post-Expressions Update: Initial Map Zoom and Coords Not Correct

[rnmapbox]

Post-Expressions Update: Initial Map Zoom and Coords Not Correct

[mfazekas]

@systemlevel thanks for trying out the new branch.

We need a doc update/rewrite, on how to migrate code for the new mapbox.

As mentioned in #4 (comment)

<Mapbox.MapView
        zoomLevel={8}
        centerCoordinate={[-111.8678, 40.2866]}
        style={styles.map}
        showUserLocation={true}
...
<Mapbox.MapView>

is now

<Mapbox.MapView
        style={styles.map}
        
>
    <Mapbox.Camera
       zoomLevel={8}
        centerCoordinate={[-111.8678, 40.2866]}
     />
    <Mapbox.UserLocation 
         showUserLocation={true}
     />
...
</Mapbox.MapVIew>
```

[systemlevel]

@mfazekas Thank you! I'll work on some doc updates to reflect these changes as well.

[systemlevel]

@mfazekas getting an issue with RCTMGLCamera after installing react-native-mapbox/maps on another machine and running the app. Is this related to the above changes?

Adding additional details from xcode:

[mfazekas]

RCTMGLCamera should be in the project, generated by cocoapods. Are you using the workspace to build?

[systemlevel]

RCTMGLCamera should be in the project, generated by cocoapods. Are you using the workspace to build?

@mfazekas I have tried running it with react-native run-ios in the terminal as well as in xcode by building and running it there. If I misunderstood your question let me know.

Both of those approaches result in a failed build:

info Undefined symbols for architecture x86_64:
  "_OBJC_CLASS_$_RCTMGLCamera", referenced from:

info       objc-class-ref in libRCTMGL.a(RCTMGLMapView.o)

info ld: symbol(s) not found for architecture x86_64

info clang: error: linker command failed with exit code 1 (use -v to see invocation)

I'v attempted to clear out node_modules and do a clean npm install but the same error results still.

[mfazekas]

@systemlevel sorry i thought you're using cocapods, but it appears you're not.
Does your RCTMGL.xcodeproj contains the RCTMLCamera?

It did for a project i've started with

react-native init
npm install react-native-mapbox/maps --save 
react-native link
# add Mapbox.framework to the project

it builds/run fine, it's also in the github project, so not sure how your version has it missing.

https://github.com/react-native-mapbox/maps/blob/3c24cbb76ce81c1972dbd7727c44d5ab0b47bd8c/ios/RCTMGL.xcodeproj/project.pbxproj#L27-L28

[systemlevel]

@mfazekas Yes I see that as well. So strange... I ended up deleting my project and then pulling a fresh copy down from my git repository and everything started working. I wish I knew what the exact issue was but I couldn't determine why that happened.

Things are working now after installing everything again from a clean clone of our repo.

Thanks again for your help.

[systemlevel]

All issues have been addressed and updated docs to follow. Closing this out for now...