n o t e 1 9 . c o m

Smooth Route Animation in Google Maps: panTo vs. setCenter

By Shahram Javey

In my first attempt to animate a route on Google Maps, I used the GMap2.setCenter method. This provided for a spotty animation:

As the marker moved along the route, the background map (as you can see) would often not render. Changing to use GMap2.panTo instead of the GMap2.setCenter method fixed this problem and the flickering of the route problem that I was seeing on Safari.

Now the route animation of the Sheldon Road Trail looks a lot better. So does other routes, e.g. the Pebble Beach route, Kenndey/Shannon/Hicks Roads route, or the Stevens Creek Reservoir route.

---

Possibly related posts: (automatically generated)

• Introducing Google Maps API
• Google-Siberian Railway
• Taking the scenic route

This entry was posted on November 26, 2007 at 3:10 am and is filed under Google, Maps, Programming, Safari. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

7 Responses to “Smooth Route Animation in Google Maps: panTo vs. setCenter”

1. Swapnil Says:
   March 5, 2008 at 4:06 am | Reply

   Well its look nice! But you haven’t provided the code. I am using maps and want to show route animation from one place to another. Tell me how I can do this please and if possible please mail me how you did this Please
   Thanks & Regards
   Swapnil

2. sj Says:
   March 5, 2008 at 4:35 pm | Reply

   Hi Sawpnil, just view the Html code for any if the route link in the above blog entry. Ping me again if needed. Thanks.

3. sven macolic Says:
   June 9, 2008 at 10:17 am | Reply

   hello.
   can you provide the function which call centerMap() function?
   thanx in advance!

4. sj Says:
   June 13, 2008 at 5:54 am | Reply

   Hi Sven,

   Please visit here and view the source in the browser.

5. Rubén Casalta Says:
   March 22, 2009 at 2:18 pm | Reply

   Thanks dude,

   You has fixed a problem that i have a customer.

   Thanks

6. Rick Says:
   April 12, 2009 at 6:15 pm | Reply

   Very nice implementation however, I was stymied with the lack of the gpx file parser referenced as http://javey.net/cgi-bin/gd.sh

   Could you provide the code for this script . . . or point a source.

7. sj Says:
   April 12, 2009 at 6:19 pm | Reply

   Hello Rick,

   Here is the source for gd.sh

   #START OF SOURCE
   #!/bin/sh

   echo “Content-Type: text/xml”
   echo “”
   curl $1
   #END OF SOURCE

   The source for the HTML, … is in the note19 Google project.