美文网首页
腾讯地图js api多标记点点击事件

腾讯地图js api多标记点点击事件

作者: CGJUN_v | 来源:发表于2020-02-05 15:31 被阅读0次

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

详细api:https://lbs.qq.com/javascript_v2/doc/marker.html

相关文章

网友评论

      本文标题:腾讯地图js api多标记点点击事件

      本文链接:https://www.haomeiwen.com/subject/rrtjxhtx.html