Adding polygons to maps

Polygons are similar to polylines that are an array of points connected to each other. However, polygons are closed loops to show Earth features such as parks, parcels, or regions. In addition to the properties of polylines, polygons have a fill region inside.

This recipe is focused on showing polygons on a map to show a region around Ankara.

Getting ready

This recipe uses the same map-creation process defined in Chapter 1, Google Maps JavaScript API Basics, but there are some minor changes in the zoom level and center coordinates to show the region in detail.

You can find the source code at Chapter 3/ch03_adding_polygons.html.

How to do it…

If you perform the following steps, you can add polygon-type geometries to your map:

1. Let's open our first recipe's source code mentioned in Chapter 1, Google Maps JavaScript API Basics, and save it as adding_polygons.html.

2. Then, add the following lines of code after defining the map object at the beginning of the JavaScript part. The...