zoukankan      html  css  js  c++  java
  • 百度地图操作小结

    需要注意的地方:

    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]);
                        }
                    }
  • 相关阅读:
    K8S实战(十七)| 通过 StorageClass 实现动态卷供应
    K8S实战(十六)| 持久化存储卷
    K8S实战(十五)| 存储卷概念
    K8S实战(十四)| ConfigMap 对象
    K8S实战(十三)| Secret 对象
    K8S实战(十二)| 为 Ingress 以及后端 Nginx 增加证书
    批量删除git 本地分支、远程分支、tag
    React 页面间传值的个人总结
    搭建一个属于自己的webpack config(-)
    HTTP 2 新特性
  • 原文地址:https://www.cnblogs.com/huanhuande/p/3627970.html
Copyright © 2011-2022 走看看