google maps interative markers how to do?

Question

I want to use google maps in a web site. I will get data on client side in JSON and based on that data I want to add markers dynamically. More over my requirement is to make markers iteratively. Like in some sites they animate or they are shown with a zoom out effect. See this example please

Please guide me how to do this. What map API class or functions I should study for this. Please recommend some j-query plug in for interactivity on google maps.

thanks

Answer 1

For a good starting point, I recommend these resource:

• 10 jQuery Plugins for Easier Google Map Installation
• jQuery and Google Maps Tutorial
• Simplify Google Maps API with Google Maps jQuery Plugin

As a general Google Maps API mega tutorial that covers everything from the basic to the advanced, you can't go wrong with:

Google Maps API Tutorial

And, I just know you've been to Google's own large site on using the Maps API, right?

Note that you need to make sure that articles and information you're using are the API you're using. V3 is the current standard, but there are many, many articles and such on using V2. Just pick the one you're going to use (knowing that V2 is deprecated) and make sure not to get sidetracked by an article using the other.

If you like, you can also see live examples I worked on: 1, 2, 3 using jQuery, JSON retrieval, and marker instantiation. Note that these use the V2 API. I also have written some blog posts about experiences I had using Google Maps (again, V2). My posts have several links to the sources of information I consulted when creating those examples.