虽然还有一个多月的时间才过圣诞,但我还是早早的给大家送圣诞礼物了,那么圣诞礼物到底是什么呢?就是Google Maps API开发样例一则。不过这个礼物也不算是我送给大家的,而是谷歌地图中国的开发团队送给大家的,因为我也是从他们的GoogleCode上下载的,具体地址:http://code.google.com/p/chinamaps/。当然,这里有很多好的例子,甚至我在这里都能看到全国的公交数据信息,都心痒痒的想下载下来分析分析。今天正巧也有个朋友在日志上留言说起是否有样例提供,所以就翻了翻我很早SVN下来的这个code,东西很多,但对这个圣诞节地图的例子觉得特别完整,而且也确实非常的不错,应该说用到的内容很全面,甚至比我做的分享上海上的要好,我当时怎么就没有参考这个code的呢,纳闷了。OK,那么我为什么推荐它呢?因为:
1,JSON数据供稿。虽然现在提供的是静态的JSON,但我想随便改改就可以改成动态JSON供稿的,这样就可以学习Google maps API和JSON之间如何处理的了;
2,结果列表和地图marker部分如何联动。经常结果列表出来了,但浮动在结果列表上不知道地图上到底是哪一个marker,或者在地图的一个marker上但不知道属性结果是什么,记得以前在用mapbar的JS开发的时候就碰到这个问题,甚至到今天我自己来做也觉得有点头大,看看谷歌团队是如何来做的。
3,marker上的icon切换以及infowindows的tab显示。当然这些是小case了。
4,最后看看如何做搜索的,好像是JS搜索,虽然不是强大的搜索功能但值得一学。
说多了,反正我也没怎么看code,简单看一下觉得会code的人和我这样不会code的写出来的code确实不一样啊。最后来看一下效果吧,在线围观地址(临时):http://rovertang.com/labs/XmasMap/,如果点击链接觉得麻烦,那么直接看下图即可。
最后,欢迎一起探讨学习GmapAPI,顺便说明一下,code版权归谷歌地图中国团队所有,我仅仅是搬运工。下载地址:http://files.cnblogs.com/Tangf/XmasMapDemo.rar