• 百度地图操作小结


    需要注意的地方:

    1、  地图控件不能放在table中,否则出错

    2、  页面不能包含服务器控件,否则出错

    3、  控件如果不设置宽、高,默认不出现

    操作小结:

    1、地图初始化:

      map = new BMap.Map("l-map")
                map.centerAndZoom("西安市", 12);
                map.enableScrollWheelZoom();
                map.addControl(new BMap.OverviewMapControl());              //添加默认缩略地图控件
                map.addControl(new BMap.OverviewMapControl({ isOpen: true, anchor: BMAP_ANCHOR_BOTTOM_LEFT })); 
                map.addControl(new BMap.NavigationControl({ anchor: BMAP_ANCHOR_TOP_RIGHT }));  //添加默认缩放平移控件

    2、创建自定义标准:

     var truckpoint = new BMap.Point(0, 0);
                            var myIcon = new BMap.Icon("../../Img/bus.png", new BMap.Size(48, 48));
                            var marker = new BMap.Marker(truckpoint, { icon: myIcon });  // 创建标注
                            marker.setTitle(oJson[i].Truck[j].TruckCode);
                            map.addOverlay(marker);

    3、画线:

    var CarsListInfo = [];
                    LineListInfo = eval(data);   
                    for (var o = 0; o < LineListInfo.length; o++) {
                        for (var i = 0; i < LineListInfo[o].TransportTask.length; i++) {
                            var line = [];
                           
                            if (LineListInfo[o].TransportTask[i].LinePoint != null) {
                                for (var j = 0; j < LineListInfo[o].TransportTask[i].LinePoint.length; j++) {
                                    var point = new BMap.Point(LineListInfo[o].TransportTask[i].LinePoint[j].PointJD, LineListInfo[o].TransportTask[i].LinePoint[j].PointWD);
                                    line.push(point);
    
                                }
                                var bb = new BMap.Polyline(line, { strokeColor: "blue", strokeWeight: 3, strokeOpacity: 0.5 }); //绘制经纬度点数组
                                map.addOverlay(bb);
                            }
                          
                        }
    
    
    
                    }

    4、查找指定的标注(根据标注标题查找)

      var markers = map.getOverlays();
                            for (var m = 0; m < markers.length; m++) {
                                if (markers[m].z.title != undefined) {
                                    if (markers[m].z.title == CarsListInfo[i].TruckCode) {
    
    }}}

    5、删除所有线

       var markers = map.getOverlays();
                    for (var m = 0; m < markers.length; m++) {
                        if (markers[m].$ != undefined) {
                            map.removeOverlay(markers[m]);
                        }
                    }
  • 相关阅读:
    git stash错误小记
    PHP,Mysql根据经纬度计算距离并排序
    JS~字符串长度判断,超出进行自动截取(支持中文)
    Redis的三种启动方式
    Ubuntu 14.04 LTS下安装Google Chrome浏览器
    PHP-PHPExcel用法详解
    git设置log的别名 for hist log样式格式化
    Ubuntu系统下配置PHP支持SQLServer 2005
    Git命令图片版
    《一线架构师实践指南》读后感(二)
  • 原文地址:https://www.cnblogs.com/huanhuande/p/3627970.html
Copyright © 2020-2023  润新知