Render Airbnb google map markers with images - react-native

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.

Related

how to integrate google map using react-native-navigation

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

edit location using mapbox ios7?

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.

How do I make legends in Google Maps with a Google Fusion Tables Layer work?

i am using Google Fusion Tables and Google Maps to display geographical data (e.g. markers). My map needs to have a legend, for example by inserting a div on top of the map and the layer. As i am not used to work with API of any kind, i got stuck with this legend problem.
I tried several example codes (most of them provided by google), but none worked for me. I guess that the problem of displaying divs on a map has got something to do with either the styling of the map canvas, the div implementation within the body of the html document or with the framework used (google appengine). But this is just guessing. As i am not a professional with coding, i maybe missed a important point. Maybe the folks here can help me out?
Every hint is appreciated. Thanks.
You can have a look at the code and my example [here (deleted)]. There example includes a code which should display a div, but it doesn't. I've taken it from here (Stackoverflow).
The code you're using is v2 of the Maps API. You'll want to use code that works with v3 of the Maps API, since that is the version you're using on your site.
Have you tried the sample code here?
https://developers.google.com/fusiontables/docs/samples/legend
Copy and paste the legend code from this example into your initialize method, remove the old legend code. If this doesn't work, let me know.

Is it possible to use "Styled Maps" with MKMapView?

Cheers,
for about a year now Google allows you to adjust the styling of their maps according to your needs. They offer a tool which allows for the easy creation of styles too:
Google Maps API Styled Maps Wizard
What I'd like to know is: can this feature of their API be used with MKMapView as provided in the Map Kit Framework? If so, how and at which point would I feed the JSON code which the wizard produces to the API?
If this doesn't work with MKMapView: What's the next best way to include Googles Styled Maps in an app?
Thanks alot!
As far as I'm aware, MKMapView doesn't provide this functionality "out of the box" as the Google Maps API does; the class reference, seems to support this hypothesis. You could re-implement some of the styles using annotations and overlays (see the class reference), but that assumes you have access to the point of interest data. Your success will likely depend on what styles you want to use.
As for the next best way, I opened your link, the styled maps wizard, on my iPad and it seems to work flawlessly. Perhaps you could host a pre-styled map somewhere online and simply show it in your app using a UIWebView? That would obviously limit you in some ways, but at least it would be styled!

Google earth browser plugin does not accept custom markers with custom images

I use custom images in google maps markers. I have included google earth control through google earth browser plugin. But they don't show custom images in google earth control? Any way I can solve this problem?
Thanks,
Jayesh
In general, you define your own symbols via Style/Iconstyle/Icon structure first, then you reference them in placemarks using the styleUrl element.
If you have a KML/KMZ that works well with the standalone GE application showing your custom icons, you can load it into the API using some JavaScript like
var networkLink = ge.createNetworkLink('My cool KML/KMZ file');
var link = ge.createLink('Link to My cool ...');
link.setHref('http://www.here.on.the.net/MyCool.kmz');
networkLink.setLink(link);
ge.getFeatures().appendChild(networkLink);
If not you may get the stylemaps into the "internal KML" via some code. For example see here
Hope this helps.
Good luck
MikeD
Try absolute paths for the marker icon's images. Must be a bug of some sort.