What is the difference between displaying a google map as below embedded VS Google API 2 or 3.
<iframe width="600" height="500" src="https://maps.google.com/maps?
q=-43.867487,121.20699&t=m&z=14&ie=UTF8&iwloc=&output=embed" frameborder="0" scrolling="no"
marginheight="0" marginwidth="0"></iframe>
Are the limitations as not using any key to display the map.
In terms of licence costing how this differ ?
https://developers.google.com/maps/usagelimits/?utm_referrer=v3#goingover
The Google Maps API is used to greatly customize the end-user experience with the maps. It can be used to create an entire interactive platform to view or manipulate your data. It can encompass all of the features of embedded maps, but requires considerably more Javascript experience.
Embedded maps provide a rather simple version where people can use the standard layout and include points, routes, etc... I understand there was a new Embed API released in March.
Both offer free levels of usage, but with high daily traffic, you will have to start coughing up the dough. More details can be found on their intro page, https://developers.google.com/maps/web/.
Related
i'm looking for alternative free static maps API that support HTTPS by simply embed using <img src="URL MAPS" />. Because Google Maps static API is not FREE anymore and must be activated with billing information. Is there anyone knows, what should i use?
I am using the Embed API, with iframe.
Sample code:
<iframe
width="600"
height="450"
frameborder="0" style="border:0"
src="https://www.google.com/maps/embed/v1/place?key=YOUR_API_KEY
&q=Space+Needle,Seattle+WA" allowfullscreen>
</iframe>
By default, when you are scrolling on the iframe, you get a message telling you to hold down ctrl key to keep scrolling, while the rest of the page keeps scrolling
I want it so that when you do not need to hold down ctrl key to scroll on the Embed map. Is this possible?
Currently, Embed API doesn't support that kind of feature. I would suggest to file for a Feature Request in our Google Issue Tracker.
Issue Tracker is a tool used internally at Google to track bugs and feature requests during product development. It is available outside of Google for use by external public and partner users who need to collaborate with Google teams on specific projects.
On the other hand, you can disable it using Javascript API. Set gestureHandling to greedy if you prefer the map to soak up the scroll rather than the page.
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.
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 am using the link iframe code, directly from the google maps site, but the map when rendered on the page is very different. It is too close and it lacks the custom objects I have placed on the map.
The map is saved and public.
<iframe width="300" height="300" frameborder="0" scrolling="no" marginheight="0"
marginwidth="0" src="http://maps.google.com/maps/ms?ie=UTF8&hl=en&msa=0&
amp;msid=105969386264938156859.0004933a7b5534e8bb519&ll=51.442667,-2.076416&
amp;spn=0.032099,0.051327&z=13&output=embed"></iframe><br /><small>View
<a href="http://maps.google.com/maps/ms?ie=UTF8&hl=en&msa=0&
amp;msid=105969386264938156859.0004933a7b5534e8bb519&ll=51.442667,-2.076416&
amp;spn=0.032099,0.051327&z=13&source=embed" style="color:#0000FF;
text-align:left">Fitzgraham Academy of Dance</a> in a larger map</small>
The embedded maps are shaky at best, I recommend you look into Google Maps API and program a perfect map for yourself
I suggest you look at this link. It allows you to control the content a lot better. If you have any issues look at the source code on the Samples.