Google Maps JavaScript API WebGL

I’m a huge mapping nerd, so I’m a sucker for the Maps JavaScript API WebGL beta which was announced at Google I/O back in May:

Introduced are three new features:

  • WebGL Overlay View lets you add custom 2D and 3D graphics and animated content to your maps.
  • Tilt and heading can now be adjusted programmatically, and by using mouse and keyboard gestures.
  • map.moveCamera() lets you simultaneously change multiple camera properties.

To give you an idea of what you can do with this, the WebGL-powered Maps demo website has some nice examples, such as an airplane taking off, a car following directions on a map, a building being highlighted, etc.

There’s also a codelab you can follow to learn the details.

WebGL-powered Maps →
Maps JavaScript API » WebGL Features » Overview →
Codelab: Build 3D map experiences with WebGL Overlay View →

Published by Bramus!

Bramus is a frontend web developer from Belgium, working as a Chrome Developer Relations Engineer at Google. From the moment he discovered view-source at the age of 14 (way back in 1997), he fell in love with the web and has been tinkering with it ever since (more …)

Leave a comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.