I want to show the current location with animation arrow and also place some dummy images(SVG images) on the map.
Please any one help for me.
There is a great library called react-native-maps where you can use google maps for both iOS and Android or use google maps for android and native apple maps for iOS.
Also this supports various animations and custom markers. You can use below link to find out uses of this library.
Link
Related
I am using react-native-maps for my react native project. And I was wondering, Is there a way to use 'cloud-based styling', which uses map ID for styling your maps instead of JSON array.
If there is a way to use Cloud-based style as JSON, Please suggest it.
Thank you
In my React Native app, I need to generate a static google maps image with a dynamic address (like the image below). Once you press on the image, it needs to open up the google maps app to that same address. I looked at react-native-maps and it seems like overkill for what I want to achieve... Is there a way to embed a static google maps image in the app, put it inside a TouchableOpacity and just open google maps once you press on it?
You can use The Maps Static API to get the image
https://maps.googleapis.com/maps/api/staticmap?center=Brooklyn+Bridge,New+York,NY&zoom=13&size=600x300&maptype=roadmap
&markers=color:blue%7Clabel:S%7C40.702147,-74.015794&markers=color:green%7Clabel:G%7C40.711614,-74.012318
&markers=color:red%7Clabel:C%7C40.718217,-73.998284
&key=YOUR_API_KEY
and https://www.npmjs.com/package/react-native-open-maps to open the map app.
i hope you got your answer.
I am trying to implement a SymbolLayer where the icons have some data driven colour. The docs state that one can achieve this using sdf icons, however I can't quite seem to find any resources on how this should be done in practice in react native mapbox gl.
The only examples I could find online are for the Mapbox gl js web library. If anyone could share some knowledge, that would be greatly appreciated.
As of 8.0, sdf icons are not supported in #react-native-mapbox-gl/maps yet.
But 8.0 supports Images#onImageMissing, which lets you generate images on the fly.
How do i customize my markers to bear many images as the airbnb google map interface does? and how would i upload the images to google maps without using story maps? Any clue will be appreciated.
Read about Marker and Callout API (it depends on your need):
Follow official example for customizing them:
CustomCallout: https://github.com/react-community/react-native-maps/blob/master/example/examples/CustomCallout.js
CustomMarker: https://github.com/react-community/react-native-maps/blob/master/example/examples/CustomMarkers.js
If you don't like reading code, follow tutorial, eg:
https://codedaily.io/tutorials/9/Build-a-Map-with-Custom-Animated-Markers-and-Region-Focus-when-Content-is-Scrolled-in-React-Native
The above tut is not give you the same result, but it showed you how to customizing.
Is mapbox providing any feature to edit or add location annotations using mapbox iOS SDK??
If yes where the edited or added informations will be stored??(is it stored in mapbox services like google maps )
should i use developer mapid for all users whoever is using my app or i have to get the users mapid
if you suggest any sample tutorial it would be great
I referred this but i am not clear
Yes, check the documentation:
RMAnnotation lets you add annotations to the map.
Map ID refers to the map style if you are hosting the map imagery with Mapbox.
The docs page also links to sample projects and example code snippets.