添加并删除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);
}
添加并删除Marker的更多相关文章
- Google Map API Version3 :代码添加和删除marker标记
转自:http://blog.sina.com.cn/s/blog_4cdc44df0100u80h.html Google Map API Version3 教程:在地图 通过代添加和删除mark标 ...
- MVC5 网站开发之六 管理员 2、添加、删除、重置密码、修改密码、列表浏览
目录 奔跑吧,代码小哥! MVC5网站开发之一 总体概述 MVC5 网站开发之二 创建项目 MVC5 网站开发之三 数据存储层功能实现 MVC5 网站开发之四 业务逻辑层的架构和基本功能 MVC5 网 ...
- [vs2008]Visual Studio 2008 SP1添加或删除功能提示查找SQLSysClrTypes.msi文件
前言 今天接到领导布置的一个任务,是之前同事负责的项目.离职了,现在客户有些地方需要修改,由于我之前参与过,就落在我的头上了. 然后我就把代码弄了过来,打开发现其中需要用到水晶报表.(我觉得不好用,不 ...
- JavaWeb_day03_员工信息添加修改删除
day03员工的添加,修改,删除 修改功能 思路 : 点击修改员工数据之后,跳转到单行文本,查询要修改的员工id的全部信息,主键id设置为readonly,其余的都可以修改, 修改之后,提交按钮,提交 ...
- 原生js事件的添加和删除
在IE浏览器中添加或删除事件用attachEvent.detachEvent.在其他标准浏览器中则用addEventListener.removeEventListener.下面的对事件的添加和删除做 ...
- JS数组方法汇总 array数组元素的添加和删除
js数组元素的添加和删除一直比较迷惑,今天终于找到详细说明的资料了,先给个我测试的代码^-^ var arr = new Array(); arr[0] = "aaa"; arr[ ...
- LNMP添加、删除虚拟主机及伪静态使用教程
一般情况下每个虚拟主机就是一个网站,网站一般通过域名进行访问.LNMP 1.2的网站添加过程和LNMP 1.1的基本类似,但是增加了FTP和数据库的创建.LNMP1.2的防跨目录也由原来在php.in ...
- C# winform Listbox添加和删除items
两个listbox添加和删除items #region 添加/移除 //添加 private void btnAdd_Click(object sender, EventArgs e) { ) { r ...
- 原生js添加和删除类
原生js添加和删除类: this.className +=" "; this.className = this.className.replace(" 原来的类" ...
随机推荐
- namenode No valid image files
1,角色日志报错 Encountered exception loading fsimage java.io.FileNotFoundException: No valid image files f ...
- List、Set、Map集合
1 List接口 我们掌握了Collection接口的使用后,再来看看Collection接口中的子类,他们都具备那些特性呢? 接下来,我们一起学习Collection中的常用几个子类(List集合. ...
- React组件绑定this的三种方法
我们在使用React组件时,调用方法常常用到this和event对象,默认情况是不会绑定到组件上的,需要特殊处理. 节点上使用bind绑定 特点:该方法会在每次渲染组件时都会重新绑定一次,消耗一定的性 ...
- web自动化测试python+selenium学习总结----python编辑器pycharm环境安装
下载安装文件 下载最新文件路径:https://www.jetbrains.com/pycharm/ 安装: 一直点击下一步即可 破解: 配置hosts文件.C:\Windows\System32\d ...
- EF(二)Model Fiirst
Model First 是先利用某些工具(如VS的EF设计器)设计出可视化的实体数据模型及他们之间的关系,然后再根据这些实体.关系去生成数据库对象及相关代码文件. 一.设计实体数据模型,生成数据库 1 ...
- Vue学习4:class与style绑定
说明:有些部分我只是相当于做一个学习笔记,加强记忆之用.所以可能阅读性不是那么强.如果有参考我这类博客的人,那么请见谅. 代码如下: <!DOCTYPE html> <html la ...
- 2018-2019-20175205 实验三敏捷开发与XP实践《Java开发环境的熟悉》实验报告
2018-2019-20175205 实验三敏捷开发与XP实践<Java开发环境的熟悉>实验报告 实验要求 没有Linux基础的同学建议先学习<Linux基础入门(新版)>&l ...
- Java-对象及变量的并发访问小结
1)多线程环境下,方法内的变量是线程安全的 2)多个线程同时处理一个实例,这个实例内的变量是不安全的 3)不同线程中注入同一个类的不同实例,实例中的变量是安全的 4)Synchronized获取到的锁 ...
- 怎么把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. ...
- 解析JavaScript中的sort()排序方法以及原理
Array.sort()方法将数组中的元素进行排序,返回排序后的数组,默认是按照升序排序的.sort方法会调用数组中每一项的toString()方法,然后按照ascii编码进行排序,如果数组含有und ...