酸奶小妹 发表于 2012-10-25 00:54:00

【百度地图API】如何制作班级地理通讯录?LBS通讯录

摘要:班级通讯录必备的功能,比如人员列表,人员地理位置标注,展示复杂信息窗口,公交和驾车等。一般班级人员都不会超过300个,因为可以高效地把全部人员的地理位置都显示在地图上。
---------------------------------------------------------------------------
预备知识1、为啥marker数量不能超过300个?
答:由于浏览器能支持的dom元素有限,所以建议不超过该数量。
预备知识2、如果超过了300个marker,应该怎么办?
答:建议抽希(直接减少marker数量),或者只显示当前可视区域内的marker。
还有一种办法是使用麻点图。详见《麻点图制作教程》:http://www.cnblogs.com/milkmap/archive/2012/02/06/2340468.html
----------------------------------------------------------------------------
最终效果预览:http://www.ui-love.net/uiweb/cs2004/index.htm
人员列表:
http://pic002.cnblogs.com/images/2012/249635/2012102411144821.jpg
交通方式:
http://pic002.cnblogs.com/images/2012/249635/2012102411150574.jpg
-----------------------------------------------------------------------------
一、准备一张地图
地图初始化,就是前三句话。
然后增加地图的滚轮缩放。
最后添加一些控件。详细看地图控件类参考:http://developer.baidu.com/map/reference/index.php?title=Class:%E6%80%BB%E7%B1%BB/%E6%8E%A7%E4%BB%B6%E7%B1%BB
js代码:
//三句话初始化地图var map = new BMap.Map("myMap");var point = new BMap.Point(116.404, 39.915);map.centerAndZoom(point,14);//增加滚轮缩放地图map.enableScrollWheelZoom();//添加控件map.addControl(new BMap.NavigationControl());map.addControl(new BMap.ScaleControl());map.addControl(new BMap.OverviewMapControl({isOpen: true}));map.addControl(new BMap.MapTypeControl({mapTypes: }));
页: [1]
查看完整版本: 【百度地图API】如何制作班级地理通讯录?LBS通讯录