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:

25067 questions
84
votes
13 answers

Alternatives to google maps api

Google maps API is great for developing location based services for mobile phones. But for some reason, the use of it is restricted for me in a special project. E.g. if your project is in conflict with the general terms and conditions of google it…
DarkLeafyGreen
  • 69,338
  • 131
  • 383
  • 601
84
votes
6 answers

Google Maps Api v3 - getBounds is undefined

I'm switching from v2 to v3 google maps api and got a problem with gMap.getBounds() function. I need to get the bounds of my map after its initialization. Here is my javascript code: var gMap; $(document).ready( function() { var…
DolceVita
  • 2,090
  • 1
  • 23
  • 35
83
votes
6 answers

Using setZoom() after using fitBounds() with Google Maps API V3

I'm using fitBounds() to set the zoom level on my map too include all the markers currently displayed. However, when I have only one marker visible, the zoom level is 100% (... which zoom level 20 I think...). However, I don't want it to be that far…
81
votes
6 answers

Google Maps API v3 infowindow close event/callback?

I like to keep track of any and all infowindows that are open on my Google Maps interface (I store their names in an array), but I can't figure out how to remove them from my array when they are closed via the "x" in the upper right hand corner of…
Colin
  • 2,428
  • 3
  • 33
  • 48
81
votes
13 answers

How to add Google Maps Autocomplete search box?

I am trying to add a Google autocomplete search box to a website so that users can search for an address as easily as possible. My problem is, I have looked a numerous questions on here as well as the Google Maps Javascript API v3 regarding this and…
Dom
  • 2,275
  • 3
  • 24
  • 34
80
votes
8 answers

Google Maps API V3 : weird UI display glitches (with screenshot)

Anyone with any ideas on what's causing this weird glitch with the google maps UI components, be really grateful to hear from you! the map is created with: var options = { zoom: zoom ?>, center: new…
Haroldo
  • 36,607
  • 46
  • 127
  • 169
80
votes
6 answers

How to set zoom level in google map

Here is the code I have written to add a marker to the google map by providing latitude and longitude. The problem is that I get a very highly zoomed google map. I have tried setting the zoom level to 1 but this has no effect to the very highly…
rockstar
  • 1,322
  • 1
  • 20
  • 37
80
votes
10 answers

Google Maps Autocomplete Result in Bootstrap Modal Dialog

I have a Google Maps Autocomplete input field inside a Twitter Bootstrap modal dialog and the autocomplete result is not displayed. However, if I press the down arrow key, it selects the next autocomplete result, so it seems that the autocomplete…
Furunomoe
  • 1,344
  • 2
  • 16
  • 27
79
votes
7 answers

Get LatLng from Zip Code - Google Maps API

All I want is some simple example code that shows me how to obtain a latlng element from an inputted zip code OR a city/state.
Scott
  • 4,066
  • 10
  • 38
  • 54
76
votes
2 answers

How do I remove default markers?

I'm using Google Map API V3 and I noticed there are a lot of markers which are here even though I don't need them. For examples, some schools or other places with InfoWindows appearing when clicking on them. Is there any way I can remove them or is…
Weier
  • 1,339
  • 1
  • 10
  • 20
76
votes
15 answers

How do I limit panning in Google maps API V3?

In V2 there was a way to limit panning/dragging so the map stays within certain bounds. How is that done in V3? Let's say I want the users to only look at Europe. I've already limited the zoom, but if I allow dragging (which I have to in this case,…
E. Tal
  • 761
  • 1
  • 6
  • 3
76
votes
8 answers

How to get the center of a polygon in google maps v3?

It doesn't need to be 100% correct, it can be the center of the bounding rectangle.
ANd
  • 1,155
  • 2
  • 10
  • 8
75
votes
19 answers

Google maps Places API V3 autocomplete - select first option on enter

I have successfuly implemented Google Maps Places V3 autocomplete feature on my input box as per http://web.archive.org/web/20120225114154/http://code.google.com:80/intl/sk-SK/apis/maps/documentation/javascript/places.html. It works nicely, however…
Daniel Grezo
  • 1,414
  • 1
  • 12
  • 12
75
votes
12 answers

Close all infowindows in Google Maps API v3

I am busy with a script that will make a google maps canvas on my website, with multiple markers. I want that when you click on a marker, a infowindow opens. I have done that, and the code is at the moment: var latlng = new…
Tom
  • 1,162
  • 2
  • 9
  • 15
75
votes
22 answers

TypeError: window.initMap is not a function

I am following this tutorial, basically copy all the code https://developers.google.com/maps/documentation/javascript/tutorial but got an error saying that the initMap function is not a function. I am using angularjs in my project, could that be…
user2901633
  • 989
  • 1
  • 8
  • 15