embedded google map change center or zoom - javascript

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?

Related

About billing about map movement on Maps Javascript API

I need to include google map in my website for assignment purpose.
I understand that charges will occur with a count of loading the map. If you move multiple markers using PanTo, PanBy, or setCenter methods, will they be charged (counted as 1 count)?
If you’re using the JavaScript Maps API and creating the maps with google.maps.Map() then panning scrolling zooming don’t generate more loads.
You’ll be charged per map load.
More information here

Using Downloaded Maps in place of Google Map

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.

Adding image with text on google maps for web

I've been lately trying to figure out a way to have text and image on google maps for web.
For example, I have 2 friends, I want them to be displayed on the map; their image with their name.
So far all that I found was using JavaScript libraries that can only insert labels on the map.
Is it possible to do what I'm thinking or not? What's the name of the library if it exists?
I would say yes, it is possible as long as you can get the long/lat coordinates of your friends.
Once you have that you can add labels onto google maps api.

Embed a Google Map (or Google Earth) inside our web page

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..

storing google maps marker information in a database

I am creating a website with Google App Engine using Python for the back end and I am trying to give the website some google maps functionality.
I would like to have it so that users can submit a marker onto the map and then that marker's GPS coords will be stored in a database along with some other text info and I am able to do all of this but I am not sure how to put all of these markers with their respective infowindows back out onto a map. I would imagine I could do some sort of for loop but I can't find what the javascript should be to place them all. And it is going to be over 1000 markers and more being added every couple days so just putting them on a map one by one isn't really an option.
See the articles section of the documentation, there are a number of articles about using PHP/mySQL, the concepts of which should be applicable to your system.
This one probably covers what you need:
Using PHP/MySQL with Google Maps
Shows how to use PHP/MySQL and the Google Maps API v3 to create a map that polls data from a database and shows as markers.

Categories