Christmas gift: Google Maps API development example 1

Source: Internet
Author: User

Although there is still more than a month before Christmas, but I still give you a Christmas gift early, so what is a Christmas gift? This is an example of Google Maps API development. However, this gift is not sent to anyone, but from Google map China's Development Team, because I also downloaded it from their googlecode. The specific address is http://code.google.com/p/chinamaps /. Of course, there are many good examples here, and I can even see information about public transport data throughout the country. I want to download it and analyze it. Today, a friend posted a message in the log about whether there was an example provided. So I flipped through the code I had returned from SVN very early, and there were a lot of things, however, the example of this Christmas map is very complete and indeed very good. It should be said that the content used is very comprehensive, or even better than what I shared in Shanghai, I was wondering why I didn't refer to this code at the time. OK. Why do I recommend it? Because:

1. JSON data supply. Although static JSON is provided now, I want to change it to dynamic JSON as needed, so that I can learn how to deal with Google Maps API and JSON;

2. How to link the result list with the map marker. The result list is often displayed, but the result list does not know which marker is on the map or a marker on the map, but does not know what the attribute result is, I remember this problem I encountered when I used mapbar Js for development. Even today, I feel a little too big to see how the Google team did it.

3. Icon switching on marker and infowindows tab display. Of course these are small cases.

4. Finally, let's look at how to search. It seems to be JS search. Although it is not a powerful search function, it is worth learning.

I didn't think much about the code anyway. Let's just look at the code and the code written by me without code. Finally, let's take a look at the effect. The online audience address (temporary): http://sharesh.cn/map/xmasmap/. if you are bored by clicking on the Link, you can directly see it.

Finally, we would like to discuss and learn about gmapapi. By the way, the Code copyright belongs to the Chinese team of Google Maps. I am just a porter. : Http://files.cnblogs.com/Tangf/XmasMapDemo.rar

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.