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方法獲取屬性