I would like to add several highlight places using the Embed API of Google Maps in an Iframe like this:
<iframe src="https://www.google.com/maps/embed/v1/place?key=AIzaSyBstlDO5AXkMg6xOjrkTJliYabsODR2vYA&q=Harvard+University,Parque+explora" width="100%" height="500" frameborder="0" style="border:0" allowfullscreen></iframe>
How can I add several locations to the q parameter?
Thx!
You would have to use mymap, or the Google Maps API to do it. Embed API does not support multiple markers.
For using My Map, you need to set your maps to public before you can embed it onto your site.
To generate the embed url, it is under the 3... next to the share button
If you decided to do it with the API, you might want to reference to the Markers part of the documentation.
Related
I would like to mark city or area bounds using Embed API and add custom markers onto it. But I am unable to create and Map object on Embed API please help me for the same.
According to the official doc here, you can enter a location that you like to show on the map, then it will create a code for you to do that. Such that:
<iframe width="600" height="450" frameborder="0" style="border:0"
src="https://www.google.com/maps/embed/v1/view?center=...&zoom=...&key=..."></iframe>
I want to remove a signin link from google map, the code which is displaying map is :
<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d3770.8179999384315!2d72.82549100000001!3d19.071738!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3be7c97259c1c731%3A0xea3269aa63a17fc0!2sLe+Sutra!5e0!3m2!1sen!2sin!4v1414997099454" width="450" height="285" frameborder="0" style="border:0"></iframe>
Thanks in advance.
Doesn't look like you have control over that with the embed API. You can do it with the Google Maps Javascript API v3
Related question: How to hide the Sign in button from Google maps?
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>
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/
I've been at this for hours now, tons of people seem to have the same problem but no one has an answer.
I'm trying to embed a static map into my website.
<iframe width="600" height="450" frameborder="0" style="border:0" src="https://www.google.com/maps/embed/v1/place?q=Phoenix%2C%20Arizona%2C%20United%20States&key=key"></iframe>
I am getting this error:
But I have the static maps API enabled in my console
This is not a static map(static maps are images), it's a embedded map.
You must enable Google Maps Embed API-service
I am trying to embed a map into my html code.
This is the map I need:
https://maps.google.es/maps?source=s_d&f=d&saddr=Av.+Andalucia&daddr=Carretera+desconocida&geocode=FcrYKwIdw5ax_w%3BFQyxLAId-qaw_w&sll=36.427964,-5.138029&sspn=0.004333,0.009452&hl=es&mra=mift&mrsp=0&sz=17&ie=UTF8&t=m&ll=36.464367,-5.173187&spn=0.110444,0.171318&z=12&output=classic
However, clicking on the embed/link button provides me with the following iFrame:
<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.es/maps?source=s_d&f=d&saddr=Av.+Andaluc%C3%ADa&daddr=Carretera+desconocida&geocode=FcrYKwIdw5ax_w%3BFQyxLAId-qaw_w&sll=36.427964,-5.138029&sspn=0.004333,0.009452&hl=es&mra=mift&mrsp=0&sz=17&ie=UTF8&t=m&ll=36.464367,-5.173187&spn=0.110444,0.171318&output=embed"></iframe>
which pulls back the new version of Google Maps and destroys my original route.
Anyone knows a workaround for this?
Thanks
It's possible that the Geocoding of that location is messed up. Why not use the lat/long coordinates as the destination and see if that works out for you before get the Embed link?
Seems like your destination is at 36.483361, -5.200168 in that particular map.