Stack Overflow
Stack Overflow

Questions tagged [google-maps-api-3]

Google Maps JavaScript API Version 3 lets you embed the functionality of Google Maps into your own website. Version 3 provides greatly improved support for mobile devices. Ask non-programming and licensing questions in the Maps API Google Group (see full description for a link)

The Google Maps JavaScript API Version 3 is now the official JavaScript API. Version 2 of the API has been officially deprecated as per Google's deprecation policy. Version 3 of the API is designed to be faster and more applicable to mobile devices, as well as traditional desktop browser applications.

For support questions unrelated to programming as defined in the Stack Overflow usage guidelines, there is a Maps API Google Group.

Google has established two licensing models for use of the Google Maps JavaScript API v3:

  1. The Google Maps API Standard Plan requires an API key and is free up to 25K Map Loads per day. If you need more than 25K Map Loads per day you need to enable billing on your project. After exceeding the free usage limits, billing at $0.50 USD / 1000 additional requests, up to 100,000 per 24 hours is enforced. You can find more info about Google Maps API JavaScript quotas in the developer docs. When using the Google Maps API Services in JavaScript (Directions, GeoCoding, etc.) and Places API quota restrictions also apply, please check this document for more info on Services usage limits.
    If you need more than 100,000 daily Map Loads you should switch to the Google Maps API Premium Plan.
    To use the Standard Plan you need to provide public accessibility to your Google Maps API implementation.
    Note: Quota exceptions may apply. Learn more here.

  2. The Google Maps API Premium Plan provides higher quotas, enhanced features, reporting and analytics and added support to organizations that wish to add maps to their fee-based websites, mobile apps, or to their internal websites. To learn more about this option, contact Google Maps API Premium Plan Sales.

Check out the showcase site to see examples of what is possible with the Google Maps APIs.

Customize your own map with the help of Google Maps APIs Styling Wizard!

The Google Maps JavaScript API v3 also provides support for Keyhole Mark-Up Language (KML) and Google also provides information about the v3 API's KML Support.

More detailed information is available at the Google Maps JavaScript API v3 Documentation page and includes:

24687 questions
136
votes
29 answers

Google Maps JavaScript API RefererNotAllowedMapError

We're trying to develop an geoplacement app for one of our clients, and we want first to test it in out own domain. We have signed for Google Maps JavaScript API, and we have a valid browser key and our domain, www.grupocamaleon.com, has been…
Grupo Camaleón Creativos
  • 1,369
  • 2
  • 7
  • 5
133
votes
2 answers

How to trigger the onclick event of a marker on a Google Maps V3?

How do I trigger the onclick event of a marker on a Google Maps from outside the map? I use version 3 of the API. I've seen many tutorials for version 2, but can't find this for version 3. I have a global array (named markers) containing all the…
AlexV
  • 21,136
  • 16
  • 83
  • 116
127
votes
23 answers

how to deal with google map inside of a hidden div (Updated picture)

i have a page and a google map is inside a hidden div at first. I then show the div after i click a link but only the top left of the map shows up. i tried having this code run after the click: map0.onResize(); or: …
leora
  • 163,579
  • 332
  • 834
  • 1,328
125
votes
5 answers

Center Google Maps (V3) on browser resize (responsive)

I have a Google Maps (V3) in my page at 100% page width with one marker in the middle. When I resize my browser window's width I would like the map to stay centered (responsive). Now the map just stays at the left side of the page and gets…
Gregory Bolkenstijn
  • 9,055
  • 7
  • 33
  • 38
124
votes
19 answers

Google maps API V3 - multiple markers on exact same spot

Bit stuck on this one. I am retrieving a list of geo coords via JSON and popping them onto a google map. All is working well except in the instance when I have two or more markers on the exact same spot. The API only displays 1 marker - the top…
Louzoid
  • 1,373
  • 2
  • 9
  • 9
120
votes
2 answers

Google Map API V3: How to add Custom data to markers

Is there a way I can add some custom information to my markers for later use. There are ways to have an info-window and a title, but what If I want to associate the marker with other information. I have other stuff being displayed on the page that…
Abid
  • 6,769
  • 8
  • 40
  • 50
113
votes
10 answers

Google Maps: how to get country, state/province/region, city given a lat/long value?

I need a list of countries, states & cities based on a collection of lat/long values I have. I need to store this information in a manner that hierarchy is preserve and without duplicates (e.g. "USA" and "United States" and "United States of…
StackOverflowNewbie
  • 35,023
  • 98
  • 252
  • 421
111
votes
18 answers

Verify if a point is Land or Water in Google Maps

..and then Google-maps "divide the waters from the waters" Well, not in the biblical sense but.. I would like to know what options I have in order to verify if a point of [Lat, Lon] is Land or Water. Google Maps obviously has this data (the bodies…
Obmerk Kronen
  • 14,662
  • 14
  • 59
  • 100
110
votes
12 answers

Google Maps: Auto close open InfoWindows?

On my site, I'm using Google Maps API v3 to place house markers on the map. The InfoWindows stay open unless you explicitly click the close icon. Meaning, you can have 2+ InfoWindows open at a time if you hover over the map marker. Question: How do…
Ted
  • 1,133
  • 2
  • 9
  • 5
110
votes
5 answers

Google Maps API v3: How do I dynamically change the marker icon?

Using Google Maps API v3, how do I programmatically change the marker icon? What I would like to do is, when someone hovers over a link - to have the corresponding marker icon on the map change colors to denote the marker in question. Essentially,…
TedK
  • 1,101
  • 2
  • 8
  • 3
103
votes
10 answers

Googlemaps API Key for Localhost

How do I get Google Maps API key to work on localhost? I've created an API key and under referrers I add the following: Accept requests from these HTTP referrers (websites) (Optional) Use asterisks for wildcards. If you leave this blank, requests…
adam78
  • 8,002
  • 17
  • 68
  • 154
99
votes
4 answers

What's the point of 'meta viewport user-scalable=no' in the Google Maps API

I'm using the Google Maps JavaScript API V3 and the official examples always have you include this meta tag: Most of the 3rd-party examples I've seen also do it. I wrote a…
Ian Dunn
  • 3,146
  • 5
  • 24
  • 39
99
votes
12 answers

Google Maps v3 - limit viewable area and zoom level

is it possible to limit Google map v3 to a certain area? I want to allow displaying only some area (e.g. a country) and disallow the user to slide elsewhere. Also I want to restrict the zoom level - e.g. only between levels 6 and 9. And I want to…
Tomik
  • 23,119
  • 6
  • 117
  • 98
97
votes
8 answers

How to use SVG markers in Google Maps API v3

Can I use my converted image.svg as google map icon. I was converting my png image to svg and I want to use this like google map symbol that can be rotated. I already tried to use the google map symbol but I want to have an icon like car, man,…
jemz
  • 4,421
  • 10
  • 47
  • 86
95
votes
5 answers

Google Maps API Multiple Markers with Infowindows

I am trying to add multiple markers each with its own infowindow that comes up when clicked on. I am having trouble with getting the infowindows coming up, when I try it either shows up only one marker without an infowindow. Thanks, let me know if…
stacktraceyo
  • 1,215
  • 3
  • 15
  • 22
1
2
3
…
99 100