做了项目需要使用腾讯地图的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会包含所点击的标记的位置,标题等等信息