CODEWITHSUNDEEP
javascriptanimationgoogle-maps-api-3jquery-animate
Marcin Kapusta
Marcin Kapusta

Reputation: 5376

Animated Lines With Arrows Beetween Two Coordinates Google Maps Javascript

I want to draw on google maps api v3 some lines going out of some center marker that the mouse is over at. For Example I'm moving mouse at the Berlin City Marker, some data is fetched in the bacground by ajax and I have 5 coordinates in response. I want to draw lines with arrows from this city (Berlin) to this 5 coordinates but drawing should be animated from berlin to those points.

This should be visible like the lines with those arrows are flying from Berlin to this 5 coordinates. Does anyone know how to do this animation in javascript. This should be work in PC browsers and mobile browsers. Any help?

Upvotes: 3

Views: 1220

Answers (1)

georgephillips
georgephillips

Reputation: 3570

You could create a custom google maps overlay and on that layer place a canvas and incrementally draw the line to give it animation.

Upvotes: 1

Related Questions