Re: [Google Maps API v3] How to draw a line incrementally (part by part) between two points on the map?

2011-10-01 Thread Chris Broadfoot
Hi Shiva,

You'll want to animate using setTimeout setInterval:
https://developer.mozilla.org/en/window.setTimeout
https://developer.mozilla.org/en/window.setInterval

... you can calculate a point between two LatLngs using the
google.maps.geometry.spherical.interpolate function:
http://code.google.com/apis/maps/documentation/javascript/reference.html#spherical

Then you can draw a PolyLine using the start LatLng, and the interploated
LatLng. Make sure you set geodesic: true in the options:
http://code.google.com/apis/maps/documentation/javascript/reference.html#PolylineOptions

Hope this gets you on your way!

Chris

--
http://twitter.com/broady



On Sat, Oct 1, 2011 at 2:39 PM, Shiva  wrote:

> Hello Everybody,
>
>I am fairly new to Google Maps API. I wanted to know how can I draw a
> line between two points (with known [lat,long]s) on the map in an
> incremental manner that gives the effect of the line being drawn instead of
> displaying it directly as in the following example
> http://code.google.com/apis/maps/documentation/javascript/examples/polyline-simple.html
> ?
>
> Regards,
> Shiva
>
> --
> You received this message because you are subscribed to the Google Groups
> "Google Maps JavaScript API v3" group.
> To view this discussion on the web visit
> https://groups.google.com/d/msg/google-maps-js-api-v3/-/QJDnI8ld8dwJ.
> To post to this group, send email to
> google-maps-js-api-v3@googlegroups.com.
> To unsubscribe from this group, send email to
> google-maps-js-api-v3+unsubscr...@googlegroups.com.
> For more options, visit this group at
> http://groups.google.com/group/google-maps-js-api-v3?hl=en.
>

-- 
You received this message because you are subscribed to the Google Groups 
"Google Maps JavaScript API v3" group.
To post to this group, send email to google-maps-js-api-v3@googlegroups.com.
To unsubscribe from this group, send email to 
google-maps-js-api-v3+unsubscr...@googlegroups.com.
For more options, visit this group at 
http://groups.google.com/group/google-maps-js-api-v3?hl=en.



[Google Maps API v3] How to draw a line incrementally (part by part) between two points on the map?

2011-09-30 Thread Shiva
Hello Everybody,

   I am fairly new to Google Maps API. I wanted to know how can I draw a 
line between two points (with known [lat,long]s) on the map in an 
incremental manner that gives the effect of the line being drawn instead of 
displaying it directly as in the following example 
http://code.google.com/apis/maps/documentation/javascript/examples/polyline-simple.html
?

Regards,
Shiva

-- 
You received this message because you are subscribed to the Google Groups 
"Google Maps JavaScript API v3" group.
To view this discussion on the web visit 
https://groups.google.com/d/msg/google-maps-js-api-v3/-/QJDnI8ld8dwJ.
To post to this group, send email to google-maps-js-api-v3@googlegroups.com.
To unsubscribe from this group, send email to 
google-maps-js-api-v3+unsubscr...@googlegroups.com.
For more options, visit this group at 
http://groups.google.com/group/google-maps-js-api-v3?hl=en.