首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

map示例- 一个简单的百度map示例

2012-11-23 
地图示例-- 一个简单的百度地图示例百度地图API是一套由JavaScript语言编写的应用程序接口,它能够帮助您在

地图示例-- 一个简单的百度地图示例

百度地图API是一套由JavaScript语言编写的应用程序接口,它能够帮助您在网站中构建功能丰富、交互性强的地图应用。百度地图API包含了构建地图基本功能的各种接口,提供了诸如本地搜索、路线规划等数据服务。

?

百度地图相对谷歌地图来说,提供的数据比较全面,比如交通路线。功能也比较多,基本上现在各大网站都是使用的百度地图,同时文档和API也做得不错。

?

个人建议使用百度地图API开发时,详细阅读官方提供的类参考和官方示例。最好是对API中各个类的基本功能有个大致的了解。如果看到某些网站的地图很炫,也可以借助firebug或其他工具查看源码参考其实现。官网成功案例展示的那些网站的地图功能都可以参考。如果想要更高级绚丽的功能,官网的地图开源库也可以了解一下。

?

贴出来的code是js的代码,可以运行的实例请下载文章的附件。有部分功能使用了jquery,不了解的童鞋请了解下jquery的使用语法。

?

此demo主要实现了以下几个功能

1.创建一个简单地图实例,配置了常用的地图上的控件,比如缩略地图、比例尺控件、缩放控件等。

2.使用ajax查询后台数据,并将其标注到地图中(大众化需求)。

3.拖拽地图后保存修改后的坐标(大众化需求)。

4.通过地图外的html操作地图内的功能(demo中只提供了点击某个链接,在地图中对应标注上打开信息窗口,需要其他工的请参考类文档后自由发挥)。

5.其他一些细微的功能,基本地图中要用到的。

?

code中使用js实现的hash完成了部分功能,不理解该原理的童鞋也请自己去补习相关知识,或者使用数组形式,官方示例中可以找到相关实现好的code。

?

自己的js是已经使用闭包的形式了,这里还是普通形式,建议使用闭包方式,好处的话大家都懂得。最后还是那句话,请多看类参考文档和官方示例。

?

?

?

?

酸奶小妹的博客也提供了不少的实例:http://www.cnblogs.com/milkmap/tag/%E5%9C%B0%E5%9B%BEAPI/default.html?page=1

热点排行