You're all set!

To start developing, please head over to our developer documentation.

Activate the Google Maps JavaScript API

To get you started we'll guide you through the Google Developers Console to do a few things first:

  1. Create or choose a project
  2. Activate the Google Maps JavaScript API and related services
  3. Create appropriate keys
Continue

Beta Renderer

Overview

The Google Maps JavaScript API team is developing a new renderer which will eventually replace the current renderer. A beta version is now available. Follow the instructions on this page to opt in for testing the beta version.

Read the source code or view this example full screen.

Features

  • Animations on zoom and pan
    • Better frame rate.
    • Markers with {optimized:false} do not blink during zoom.
    • Info windows do not blink during zoom.
    • Polygons do not blink during zoom.
    • OverlayViews can hook into the animation frame loop, and render at fractional-zoom levels.
  • Improved support for touch gestures
    • Tiles load during touch pan and zoom.
    • Touch works properly on Internet Explorer and Edge browsers.
  • When the map div is resized, the map center is fixed
    • Full-screen button now works properly.
    • There is no longer any need to trigger the resize event manually.

How to opt-in

To opt-in to the beta renderer, update the script tag that loads the API, adding the following parameter to the end of the URL:

&v=3.exp&use_slippy=true

Your script tag should now look similar to the following example:

<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&v=3.exp&use_slippy=true/>

Update the script tag in a test or internal app to test whether your app works as expected.

What to test

  • Rendering
    • Do the map, markers, overlays, etc. appear in the right place?
  • Gestures
    • Does the map behave smoothly when you pan/zoom, using either a mouse (on desktop), or touch (on mobile)?
    • Do click, double-click, and tap (on mobile), on markers work as expected?
    • If you have info windows, do the contents behave as expected?
  • API
    • If you have any interesting JavaScript code that interacts with the Maps API, does it still behave as expected?
  • Other
    • Did you find any other bugs?

How to provide feedback

Send feedback about...

Google Maps JavaScript API
Google Maps JavaScript API
Need help? Visit our support page.