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.

Get Google Maps JavaScript API Cookbook now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.