Calculating the length/area of polylines and polygons

As described in the first recipe of this chapter—Drawing shapes on the map—you can draw your shapes as per your taste. But how about getting some information about these shapes, for instance, information about their length and area?

The Google Maps JavaScript API places the opportunity to gather this information in the geometry library. From this library, you can access the static utility functions that give information on the length/area calculations and so on.

This recipe will show us how to get the length and area information of the arbitrary shapes drawn.

Getting ready

Having a sneak preview at the Drawing shapes on the map recipe will ease your work, as much detail on drawing shapes and their background is needed.

How to do it...

You can view the area and length information of your shapes by carrying out the following steps:

1. Add the drawing and geometry libraries to the bootstrap URL:

   <script type="text/javascript"
       src="https://maps...