Adding lines to maps

Lines or polylines in GIS are an array of points connected to each other to show features on Earth such as roads, paths, or rivers. The properties of polylines on maps are similar to the properties of features represented on Earth. For example, a road is differentiated on Earth by its color and width. The same properties are also defined in the Google Maps JavaScript API to exactly represent the road on the map.

This recipe is focused on showing lines/polylines on a map to show a route from Istanbul to 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 route in detail.

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

How to do it…

If you want to add line-type geometries to your map, you should perform the following steps:

1. Let's open our first recipe's source code mentioned in Chapter 1, Google Maps...