百度地图API 点聚合实例应用

前端之家收集整理的这篇文章主要介绍了百度地图API 点聚合实例应用前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

目前接触百度地图API asp.net 应用 找到相关学习资料 很有帮助。效果如下图

百度地图API实例 http://developer.baidu.com/map/jsdemo.htm#a1_1
地图效果展示实例:http://www.hjlib.org/cd/tiles/zoom/index.html
百度地图 点聚合 http://www.cnblogs.com/chenjiahong/p/3917528.html

实现点聚合实例代码

  1. //创建和初始化地图函数
  2. function initMap() {
  3. window.map = new BMap.Map("content",{ minZoom: 13,maxZoom:19 });//创建地图对象容器,地图级别最小13,最大14
  4. map.centerAndZoom(new BMap.Point(setCenter1,setCenter2),13);//设置地图中心点和初始缩放级别
  5. //map.centerAndZoom(new BMap.Point(118.789287,32.048784),4);
  6. map.setCurrentCity("沈阳"); var stCtrl = new BMap.PanoramaControl(); //构造全景控件
  7. stCtrl.setOffset(new BMap.Size(20,50));
  8. map.addControl(stCtrl); //添加全景控件
  9. //map.addControl(new BMap.ScaleControl());
  10. map.addControl(new BMap.NavigationControl()); //地图平移缩放控件
  11. map.enableScrollWheelZoom(); // 启动鼠标滚轮操作
  12. window.myDis = new BMapLib.DistanceTool(map); //测距
  13. window.searchClass = new SearchClass();//创建对象
  14. searchClass.setData(BASEDATA); //赋值
  15. var dd = searchClass.search({ k: "title",d: "",t: "more",s: "" }); //t:{single|more},s{all|!all} 查询数据(暂无用_2014.07.17)
  16. driving = new BMap.DrivingRoute(map,{//创建驾车对象
  17. renderOptions: {
  18. map: map,autoViewport: true,panel: "panel2"
  19. }
  20. });
  21. transit = new BMap.TransitRoute(map,{ //创建公交对象
  22. renderOptions: {
  23. map: map,panel: "panel2"
  24. }
  25. });
  26. local = new BMap.LocalSearch(map,{ onSearchComplete: searchComplete }); //创建查询对象
  27. addmarkers(dd); //向地图添加点聚合标注
  28. }
  1. //创建markers 点聚合
  2. window.addmarkers = function (data) {
  3. map.clearOverlays();
  4. var markers = [];
  5. for (var i = 0; i < data.length; i++) {
  6. var json = data[i];
  7. var p0 = json.point.split("|")[0];
  8. var p1 = json.point.split("|")[1];
  9. var point = new BMap.Point(p0,p1);
  10. var iconImg = createIcon(json.icon);
  11. var iw = createInfoWindow(i);
  12. markers.push(new BMap.Marker(point));
  13. var markerClusterer = new BMapLib.MarkerClusterer(map,{ markers: markers });
  14. }
  15.  
  16. }

猜你在找的设计模式相关文章