O'Reilly logo

Google Maps JavaScript API Cookbook by Balkan Uraz, Alper Dincer

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

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.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required