The issues it this, I've built a webpage that overlays several POI on a map. I'm utilizing a Google map and the map is great when I'm in range of wifi. What I want to achieve is using a preloaded map on my laptop in place of a google map so that I don't have to worry about being off the grid. Currently the webpage is calling the map through a script tag.
<script type="text/javascript" src="//maps.googleapis.com/maps/api/js?key=MYDEVELOPERKEY&libraries=geometry"></script>
In an ideal situation I would like to pre-download the maps so that I can zoom in and out as if I were on wifi. Is the another solution that doesn't involve google maps?
You can't load or save a map with the Google API, you need an internet connection at all times in order to communicate with Google and render a map.
Related
I have an embedded Google map (the kind you get an embedded iframe for using the Google maps site) with multiple markers on it. This is good so far as it goes but I need another function.
What I want to do is allow a person visiting the page to change to centre point by entering their postal code. I'd like them to also be able to change the zoom factor.
While there is massive amounts of documentation on using Google maps and on using the Google maps API, what I'm missing is a way to use the existing embedded Google map rather than creating a new blank map and populating it with markers.
The difference is important because it's quite easy to use the Google maps site to upload a .csv file with names and addresses that the Google map sorts out and displays. Doing the same thing with a blank map and javascript each time the page is loaded runs you up against the API transaction limits.
How can I tell the Google map API to connect to an embedded map instead of creating an empty one?
Here's a gist of what we are trying to do.
We have some co-ordinate information (latitude and longitudes), and a bunch of annotations for these co-ordinates on the server. We want to embed a Google Map (or Google Earth) inside our web page, which shows these co-ordinates as balloons (or some icon) and annotate them with relevant information.
We have seen videos where this is done manually (copying the embed URL into our HTML page, or open a kml/kmz file in Google Earth etc), but we cannot have any manual step in between, as this is used by end users (clients) who cannot do this. We need to do this programmatically.
We want to what is the best way to go about doing this? Also, in the future we want to update the map dynamically with live data.
Thanks in advance.
https://developers.google.com/maps/documentation/javascript/examples/
this is the tutorial for the google map..
I'm trying to develop offline Google map with some markers. I have done it well. I'm using Offline Google maps api-3. Here my problem is showing infowindow(). When is use online map my infowindow() shown like this , but when I use offline map the infowindow() showing like this . in Online map, the marker indication corner is small, but in offline map it's bit larger than online map infowindow(). I want to use infowindow() similar like online map infowindow(). I would like to reduce the corner size of infowindow() in offline map like this . How can I solve this ? now I'm using infowindow.js which is inside mapfiles of offline map package. is I need to download any other version of infowindow.js or need to modify the same js. kindly help me .
Does anyone know how to change the boundaries of a map with the google maps api? I have a map currently that shows the full world and if I zoom out it shows multiple copies of the full world. The problem is that I only want to show north america, and I only want to show it once. Can anybody help out? Thanks!
Duplicate: Google Maps API V3: limit map bounds
There's no API to restrict map boundary in Google Maps API. You may can accept external solution, or consider using other map library like OpenLayers or Leaflet, which supports max-extent feature.
I have an image of a city and I want to make a HTML5 application which is like a map,
I want to add my own picture, add Markers, it needs to be zoom-able, and it needs to work offline.
I thought about Google Maps API though it doesnt work offline, Is there a JavaScript API that does?