Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

multiple markers google maps embed API

I need to place several markers which specified by coordinates on embed map. I know how to do it for one marker, but don't know for multiple.

<iframe width="100%" height="100%" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"         src="https://www.google.com/maps/ms?msid=204293175747830583907.0005022420ef3bca6a816&msa=0&ie=UTF8&t=m&ll=40.79042,-73.945541&spn=0.462677,1.056747&output=embed"></iframe> 
like image 700
yuriy.stos Avatar asked Sep 22 '14 09:09

yuriy.stos


People also ask

How do I add multiple markers to Google Maps API?

Follow the below steps and add/show multiple markers on google maps using javascript with infowindows: Step 1 – Create HTML File For Display Multiple Markers. Step 2 – Add Google Maps API V3 in HTML. Step 3 – Implement JavaScript Function To Create Markers/Pins And Show on Google Map.

How many markers can Google Maps API handle?

2048 characters in URL is just under 100 GeoCode values. So, again no more than 100 markers.

Can you embed a Google Map with multiple locations?

Once the location has been found, just click on Add to map to add it to your Google Map. You can add multiple locations by opening the map which you have created and then clicking on the Add marker button.


1 Answers

You cannot do this with the google maps iframe embed.

You either need to do it with Google Maps Map Maker (http://www.google.com/maps/mm) or you need to use the Google Maps API (https://developers.google.com/maps/).

The downside of the Google Maps Map Maker is you need to manually go back and recreate your map any time you want to make changes.

I would suggest using the Google Maps API.

This is a great little tutorial that shows you a simple Map with multiple markers using the Google Maps API - http://wrightshq.com/playground/placing-multiple-markers-on-a-google-map-using-api-3/

like image 72
wildavies Avatar answered Sep 17 '22 13:09

wildavies