新增信息弹窗内容

ZhuDongming

2019-08-23 d2286cf9de87e0553a248eea703b39734a95d529

 src/main/webapp/view/traceability.jsp

@@ -80,6 +80,8 @@
    var regionName=params["regionName"];

    var longitude=params["device"]["longitude"];

    var latitude=params["device"]["latitude"];

    var longitudeSecond=params["deviceSecond"]["longitude"];

    var latitudeSecond=params["deviceSecond"]["latitude"];

    var regoinNameNew= regionName.split(" ");

    var cityName = regoinNameNew.length>1?regoinNameNew[1]:regoinNameNew[0];

    var map = new BMap.Map("mapCanvas",defaultParam);

@@ -92,12 +94,14 @@
    });

    map.addControl(navigation); // 增加导航控件

    var point = new BMap.Point(longitude, latitude);// 设置中心点坐标和地图级别

    var pointSecond=new BMap.Point(longitudeSecond, latitudeSecond);

    var distance=parseInt(map.getDistance(point,pointSecond));//两点间距离，单位米

    map.centerAndZoom(point, 18);

    var marker = new BMap.Marker(point);        // 创建标注    

    map.addOverlay(marker);                

    var polyline = new BMap.Polyline([    

        new BMap.Point(longitude, latitude),    

        new BMap.Point(longitude+0.005, latitude+0.005)    
        new BMap.Point(longitudeSecond, latitudeSecond)

       ],    

       {strokeColor:"blue", strokeWeight:1, strokeOpacity:0.5}    

    );    

@@ -152,12 +156,28 @@
            map.addOverlay(Arrow);

        }

    };

    addArrow(polyline,40,Math.PI/7);

    var arrowLength;//两点间箭头长度

    if(distance<=100){

        arrowLength=5;

    }else if(distance>100&&distance<=200){

        arrowLength=10;

    }else if(distance>200&&distance<=500){

        arrowLength=20;

    }else if(distance>500&&distance<=1000){

        arrowLength=40;

    }else if(distance>1000&&distance<=2000){

        arrowLength=80;

    }else if(distance>2000&&distance<=3000){

        arrowLength=120;

    }else{

        arrowLength=150;

    }

    addArrow(polyline,arrowLength,Math.PI/7);

    // 设置坐标图标

    var icon1 = new BMap.Icon("/img/ico00.png",new BMap.Size(50,50));

    var mark1 = new BMap.Marker(new BMap.Point(longitude,latitude),{icon:icon1});

    map.addOverlay(mark1); 

    var mark2 = new BMap.Marker(new BMap.Point(longitude+0.005,latitude+0.005),{icon:icon1});

    var mark2 = new BMap.Marker(new BMap.Point(longitudeSecond,latitudeSecond),{icon:icon1});

    map.addOverlay(mark2); 

  

</script>