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);
}

添加并删除Marker的更多相关文章

  1. Google Map API Version3 :代码添加和删除marker标记

    转自:http://blog.sina.com.cn/s/blog_4cdc44df0100u80h.html Google Map API Version3 教程:在地图 通过代添加和删除mark标 ...

  2. MVC5 网站开发之六 管理员 2、添加、删除、重置密码、修改密码、列表浏览

    目录 奔跑吧,代码小哥! MVC5网站开发之一 总体概述 MVC5 网站开发之二 创建项目 MVC5 网站开发之三 数据存储层功能实现 MVC5 网站开发之四 业务逻辑层的架构和基本功能 MVC5 网 ...

  3. [vs2008]Visual Studio 2008 SP1添加或删除功能提示查找SQLSysClrTypes.msi文件

    前言 今天接到领导布置的一个任务,是之前同事负责的项目.离职了,现在客户有些地方需要修改,由于我之前参与过,就落在我的头上了. 然后我就把代码弄了过来,打开发现其中需要用到水晶报表.(我觉得不好用,不 ...

  4. JavaWeb_day03_员工信息添加修改删除

    day03员工的添加,修改,删除 修改功能 思路 : 点击修改员工数据之后,跳转到单行文本,查询要修改的员工id的全部信息,主键id设置为readonly,其余的都可以修改, 修改之后,提交按钮,提交 ...

  5. 原生js事件的添加和删除

    在IE浏览器中添加或删除事件用attachEvent.detachEvent.在其他标准浏览器中则用addEventListener.removeEventListener.下面的对事件的添加和删除做 ...

  6. JS数组方法汇总 array数组元素的添加和删除

    js数组元素的添加和删除一直比较迷惑,今天终于找到详细说明的资料了,先给个我测试的代码^-^ var arr = new Array(); arr[0] = "aaa"; arr[ ...

  7. LNMP添加、删除虚拟主机及伪静态使用教程

    一般情况下每个虚拟主机就是一个网站,网站一般通过域名进行访问.LNMP 1.2的网站添加过程和LNMP 1.1的基本类似,但是增加了FTP和数据库的创建.LNMP1.2的防跨目录也由原来在php.in ...

  8. C# winform Listbox添加和删除items

    两个listbox添加和删除items #region 添加/移除 //添加 private void btnAdd_Click(object sender, EventArgs e) { ) { r ...

  9. 原生js添加和删除类

    原生js添加和删除类: this.className +=" "; this.className = this.className.replace(" 原来的类" ...

随机推荐

  1. namenode No valid image files

    1,角色日志报错 Encountered exception loading fsimage java.io.FileNotFoundException: No valid image files f ...

  2. List、Set、Map集合

    1 List接口 我们掌握了Collection接口的使用后,再来看看Collection接口中的子类,他们都具备那些特性呢? 接下来,我们一起学习Collection中的常用几个子类(List集合. ...

  3. React组件绑定this的三种方法

    我们在使用React组件时,调用方法常常用到this和event对象,默认情况是不会绑定到组件上的,需要特殊处理. 节点上使用bind绑定 特点:该方法会在每次渲染组件时都会重新绑定一次,消耗一定的性 ...

  4. web自动化测试python+selenium学习总结----python编辑器pycharm环境安装

    下载安装文件 下载最新文件路径:https://www.jetbrains.com/pycharm/ 安装: 一直点击下一步即可 破解: 配置hosts文件.C:\Windows\System32\d ...

  5. EF(二)Model Fiirst

    Model First 是先利用某些工具(如VS的EF设计器)设计出可视化的实体数据模型及他们之间的关系,然后再根据这些实体.关系去生成数据库对象及相关代码文件. 一.设计实体数据模型,生成数据库 1 ...

  6. Vue学习4:class与style绑定

    说明:有些部分我只是相当于做一个学习笔记,加强记忆之用.所以可能阅读性不是那么强.如果有参考我这类博客的人,那么请见谅. 代码如下: <!DOCTYPE html> <html la ...

  7. 2018-2019-20175205 实验三敏捷开发与XP实践《Java开发环境的熟悉》实验报告

    2018-2019-20175205 实验三敏捷开发与XP实践<Java开发环境的熟悉>实验报告 实验要求 没有Linux基础的同学建议先学习<Linux基础入门(新版)>&l ...

  8. Java-对象及变量的并发访问小结

    1)多线程环境下,方法内的变量是线程安全的 2)多个线程同时处理一个实例,这个实例内的变量是不安全的 3)不同线程中注入同一个类的不同实例,实例中的变量是安全的 4)Synchronized获取到的锁 ...

  9. 怎么把Thu Nov 22 2018 10:49:36 GMT+0800转换成正常日期

    this.data //Thu Nov 22 2018 10:49:36 GMT+0800 this.date_of_birth = date.getFullYear() + '-' + (date. ...

  10. 解析JavaScript中的sort()排序方法以及原理

    Array.sort()方法将数组中的元素进行排序,返回排序后的数组,默认是按照升序排序的.sort方法会调用数组中每一项的toString()方法,然后按照ascii编码进行排序,如果数组含有und ...