騰訊地圖js api多標(biāo)記點(diǎn)點(diǎn)擊事件

做了項(xiàng)目需要使用騰訊地圖的jsapi,但是在做到多標(biāo)記時(shí)發(fā)現(xiàn),官方的文檔只寫了單個(gè)標(biāo)記點(diǎn)擊事件

官方文檔:

info.setPosition(marker.getPosition()); //標(biāo)記Marker點(diǎn)擊事件 qq.maps.event.addListener(marker, 'click', function() {

????info.open();

????info.setContent('<div style="text-align:center;white-space:nowrap;' + 'margin:10px;">單擊標(biāo)記</div>');

????info.setPosition(marker.getPosition());

});

但是如果有多個(gè)標(biāo)記,就需要每個(gè)標(biāo)記都新建一個(gè)監(jiān)聽器

//獲取標(biāo)記的點(diǎn)擊事件

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會(huì)包含所點(diǎn)擊的標(biāo)記的位置,標(biāo)題等等信息

詳細(xì)api:https://lbs.qq.com/javascript_v2/doc/marker.html

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容