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

做了项目需要使用腾讯地图的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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容