zoukankan      html  css  js  c++  java
  • 添加并删除Marker

    var data=new Array();
    // 定位、显示内容
    function setLocation(x,y,name,time,speed,direction,GPSstatus,carstatus,warning,wstatus){//参数:经纬度...
    //创建自定义图标
    var pt = new BMap.Point(x, y);

    //map.setCenter(pt); //设置地图中心点。center除了可以为坐标点以外,还支持城市名
    //map.setZoom(15); //将视图切换到指定的缩放等级,中心点坐标不变

    //map.centerAndZoom(pt,15);

    var myIcon = new BMap.Icon("Images/car.png", new BMap.Size(32,32));
    marker2 = new BMap.Marker(pt,{icon:myIcon}); // 创建标注
    marker2.setTitle(name);
    map.addOverlay(marker2); // 将标注添加到地图中

    data.push(marker2); //将marker2放进数组

    //添加一个Label
    myLable = new BMap.Label("---",
    {offset:new BMap.Size(25,-25),position:pt});
    myLable.setTitle("---");
    map.addOverlay(myLable);


    var content="";

    var warn=warning==""?"无":warning;

    var sb=new StringBuilder();
    sb.append("<div style='border:1px; background-color:#666666; height:1px;'></div>");
    sb.append("<table style='font-size:12px; margin-top:3px;' width='100%' border='0' cellpadding='0' cellspacing='0'>");
    sb.append("<tr><td style='color:#77AABF;'>时间:</td><td>"+ time +"</td><td style='color:#77AABF;'>速度方向:</td><td>"+ speed+"km/h,"+direction +"</td></tr>");
    sb.append("<tr><td style='color:#77AABF;'>定位状态:</td><td>"+ GPSstatus +"</td> <td style='color:#77AABF;'>车辆状态:</td><td>"+ carstatus +"</td></tr>");
    sb.append("<tr><td style='color:#77AABF;'>经度:</td><td>"+ x +"</td><td style='color:#77AABF;'>纬度:</td><td>"+ y +"</td></tr>");
    sb.append("<tr><td style='color:#77AABF;'>报警信息:</td><td>"+ warn +"</td> <td style='color:#77AABF;'>报警状态:</td><td>"+wstatus+"</td></tr>");
    sb.append("</table>");
    //创建信息窗口
    var opts = {
    width : 320, // 信息窗口宽度
    height: 120, // 信息窗口高度
    title : "<font style='font-weight:bold;'>["+ name +"]</font>", // 信息窗口标题
    enableMessage:false
    }

    var infoWindow2 = new BMap.InfoWindow(sb.toString(),opts);
    marker2.addEventListener("click", function(){this.openInfoWindow(infoWindow2);});
    }


    //移除单个标记 - 待完善
    function removeMarker(name){
    alert(name);
    for(var i=0;i<data.length;i++)
    {
    if (data[i].getTitle()==name) {
    map.removeOverlay(data[i]);
    }
    }
    //map.removeOverlay(myLable);
    }

  • 相关阅读:
    d3js selections深入理解
    d3js scales深入理解
    d3js shape深入理解
    如何使用chrome devtool调试Mobile网页?
    为什么有时父元素无法包含子元素?
    base64编码以及url safe base64是怎么工作的?
    古老的CSS同高列问题
    springboot2.0整合redis的发布和订阅
    如何在centos7中设置redis服务器开机自启动
    1.Linux安装redis
  • 原文地址:https://www.cnblogs.com/winnxm/p/4537107.html
Copyright © 2011-2022 走看看