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
689
votes
15 answers

Google Maps JS API v3 - Simple Multiple Marker Example

Fairly new to the Google Maps Api. I've got an array of data that I want to cycle through and plot on a map. Seems fairly simple, but all the multi-marker tutorials I have found are quite complex. Let's use the data array from google's site for an…
wesbos
  • 24,103
  • 27
  • 99
  • 139
566
votes
14 answers

How to disable mouse scroll wheel scaling with Google Maps API

I am using Google Maps API (v3) to draw a few maps on a page. One thing I'd like to do is disable zooming when you scroll the mouse wheel over the map, but I'm unsure how. I have disabled the scaleControl (i.e. removed the scaling UI element), but…
aaronrussell
  • 9,248
  • 5
  • 34
  • 62
436
votes
32 answers

Google Maps API v3: How to remove all markers?

In Google Maps API v2, if I wanted to remove all the map markers, I could simply do: map.clearOverlays(); How do I do this in Google Maps API v3? Looking at the Reference API, it's unclear to me.
mp_
  • 5,443
  • 4
  • 18
  • 14
367
votes
4 answers

Center/Set Zoom of Map to cover all visible Markers?

I am setting multiple markers on my map and I can set statically the zoom levels and the center but what I want is, to cover all the markers and zoom as much as possible having all markets visible Available methods are following…
Trikaldarshiii
  • 10,566
  • 16
  • 61
  • 90
338
votes
16 answers

Calculate distance between two points in google maps V3

How do you calculate the distance between two markers in Google maps V3? (Similar to the distanceFrom function inV2.) Thanks..
Waheed
  • 9,326
  • 17
  • 51
  • 64
305
votes
6 answers

Google Map API v3 — set bounds and center

I've recently switched to Google Maps API V3. I'm working of a simple example which plots markers from an array, however I do not know how to center and zoom automatically with respect to the markers. I've searched the net high and low, including…
Michael Bradley
  • 5,141
  • 5
  • 18
  • 13
290
votes
18 answers

Google Maps API 3 - Custom marker color for default (dot) marker

I've seen lots of other questions similar to this (here, here and here), but they all have accepted answers that don't solve my problem. The best solution I have found to the problem is the StyledMarker library, which does let you define custom…
jackocnr
  • 15,220
  • 9
  • 51
  • 60
263
votes
22 answers

This API project is not authorized to use this API. Please ensure that this API is activated in the APIs Console

I have a latitude, and longitude : "-27.0000,133.0000". I want produce a map base on that. I've tried go to this link https://maps.googleapis.com/maps/api/geocode/json?latlng=-27.0000,133.0000&key=****** I keep getting this error on the browser…
cyb3rZ
  • 43,853
  • 82
  • 251
  • 430
237
votes
8 answers

Auto-center map with multiple markers in Google Maps API v3

This is what I use to display a map with 3 pins/markers:
jaeyong
  • 7,966
  • 10
  • 44
  • 56
177
votes
12 answers

Google Maps shows "For development purposes only"

Google Maps show the message "For development purposes only" when I try to show it in my webpage: How could I make this message go away? My code is like that:
tmighty
  • 8,222
  • 19
  • 78
  • 182
147
votes
13 answers

Google Maps V3 - How to calculate the zoom level for a given bounds

I'm looking for a way to calculate the zoom level for a given bounds using the Google Maps V3 API, similar to getBoundsZoomLevel() in the V2 API. Here is what I want to do: // These are exact bounds previously captured from the map object var sw =…
Nick Clark
  • 4,159
  • 4
  • 21
  • 25
137
votes
7 answers

ERROR: Google Maps API error: MissingKeyMapError

The following JavaScript error suddenly appeared: Google Maps API error: Google Maps API error: MissingKeyMapError
Muhammad Saad Ansari
  • 1,728
  • 3
  • 13
  • 20
1
2 3
99 100