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>
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.
2048 characters in URL is just under 100 GeoCode values. So, again no more than 100 markers.
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.
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/
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With