javascript高德地图实现点击marker消失marker
javascript高德地图实现点击marker消失marker
<pre>
var markers = [];
var positions = [[120.17718, 30.21772], [120.17718, 30.21872]];
for (var i = 0, marker; i < positions.length; i++) {
marker = new AMap.Marker({
map: map,
icon: "http://webapi.amap.com/theme/v1.3/markers/n/mark_b.png",
position: positions[i],
content: '<div class="marker-route marker-marker-bus-from zhongzimark" zhongziid=1><img class="markerimg" src="http://webapi.amap.com/theme/v1.3/markers/n/mark_b.png" /><div class="markarea"></div></div>' //自定义点标记覆盖物内容
});
markers.push(marker);
markers.push(marker);
}
$.each(markers, function (k, v) {
markers[k].on('click', function () {
//获取html属性方法
var htmlc=markers[k].getContent();
htmlc=$(htmlc);
console.log($(htmlc).attr('zhongziid'))
if ( markers[k]) {
markers[k].setMap(null);
markers[k] = null;
}
/* var str2 = {"personid": <?php echo $personid ?>, "type": 1, "shuzhi": 10, "tag": 3};
str2 = JSON.stringify(str2);
ws.send(str2);*/
});
})
<style>
.zhongzimark {
position: relative;
width: 60px;
height: auto;
overflow: hidden;
}
.markerimg{
width:15%;
}
.markarea{
width:15%;
height:auto;
overflow:hidden;
line-height: 1.3;
text-align: center;
color: #000;
background: #FFF;
}
</style>
</pre>
ps:原理就是 先循环遍历marker 显示并且添加到markers数组 然后循环遍历markers数组添加事件就好了 getContent可以获取到html 然后用jquery attr方法获取属性
最新文章
- Spring MVC 框架的架包分析,功能作用,优点
- Jquery Mobile 学习笔记(一)
- USACO1.5Superprime Rid[附带关于素数算法时间测试]
- Ubuntu 14 安装 “宋体,微软雅黑,WPS Office的symbol、wingdings、wingdings 2、wingdings 3、webding字体,Consolas雅黑混合版编程字体” 等 Windows 7 下的字体
- 大小端; union
- js中==, !==, === ,!=的区别
- sql server 2008 基础知识
- 微信企业号开发--手机删除键keyup事件无效
- hdoj 5375 Gray Code
- WPF以Clickonce方式发布后使用管理员身份运行
- HelloX操作系统网络功能简介及使用和开发指南
- poj1150
- C++ 11学习(1):lambda表达式
- Apache配置参数
- 团队作业4——第一次项目冲刺(Alpha版本)4.22
- sourcetree的使用
- Spring 将请求参数封装成对象
- redis缓存使用
- office2007每次打开都要配置文件,怎么取消配置
- socket技术详解(看清socket编程)