Adding animated lines to maps

Polylines are the representations of Earth's features on the Earth, but sometimes, they are not enough to show the mobility of Earth features. For example, a river can be shown with the help of polylines, but the flow direction of the river can't be demonstrated by the polylines alone. Animating polylines can be a solution to show the mobility of Earth features. The flow direction of a river can be shown with the help of animated polylines.

The Google Maps JavaScript API has a symbol feature that can add vector-based images to a polyline in the form of a symbol. You can create your own symbol with the help of the Symbol class, or you can also use the predefined symbols that are accessed from the SymbolPath class.

In this recipe, we will create an animated polyline from the previous recipe. This animation shows that a car is moving from Istanbul to Ankara.

Getting ready

In this recipe, we will use the fourth recipe of this chapter as a template.

You can find the source...