O'Reilly logo

Google Maps JavaScript API Cookbook by Balkan Uraz, Alper Dincer

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Drawing shapes on the map

You have probably explored vector overlays in Chapter 3, Adding Vector Layers. Without getting into details, you can add markers, lines, and polygons programmatically using the Google Maps JavaScript API. But if you wanted to draw these vector overlays—not programmatically, but with mouse clicks or touch gestures, like in AutoCAD or ArcGIS for Desktop—what would you do?

The drawing library handles this job, enables you to draw vector shapes as per your preference, and shows them on top of your base maps.

In this recipe, we will go over the details of how to draw shapes, deal with their extensive set of options, and how to handle their specific events.

Getting ready

The first recipe of Chapter 1, Google Maps JavaScript API ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required