腾讯地图js api多标记点点击事件
2020-02-05 本文已影响0人
CGJUN_v
做了项目需要使用腾讯地图的jsapi，但是在做到多标记时发现，官方的文档只写了单个标记点击事件
官方文档：
info.setPosition(marker.getPosition()); //标记Marker点击事件 qq.maps.event.addListener(marker, 'click', function() {
info.open();
info.setContent('<div style="text-align:center;white-space:nowrap;' + 'margin:10px;">单击标记</div>');
info.setPosition(marker.getPosition());
});
但是如果有多个标记，就需要每个标记都新建一个监听器
//获取标记的点击事件
qq.maps.event.addListener(marker, 'click', function (res) {
info.open();
info.setContent('<div style="text-align:center;white-space:nowrap;' +
'margin:10px;">' + res.target.title +'</div>');
info.setPosition(res.latLng);
});
事件返回的res会包含所点击的标记的位置，标题等等信息
