已解決430363個問題，去搜搜看，總會有你想問的

如何使我的 Leaflet js 地圖上的每個標記在懸停并單擊時運行特定功能

首頁猿問如何使我的 Leaflet js...

如何使我的 Leaflet js 地圖上的每個標記在懸停并單擊時運行特定功能

JavaScript

千萬里不及你 2023-08-18 14:35:34

我有一個包含點對象的數組，我可以從中繪制標記。 var Allpoints=[{ "names":"first", "eastings":556568, "northings":446445, "description": "aijaskj jnrkajra skjanjanek ", "elevations": 5668, "LatLong": [10.769869, -2.337035]},{ "names":"first", "eastings":556568, "northings":446445, "description": "aijaskj jnrkajra skjanjanek ", "elevations": 5668, "LatLong":[10.387760, -0.448079]},{ "names":"first", "eastings":556568, "northings":446445, "description": "aijaskj jnrkajra skjanjanek ", "elevations": 5668, "LatLong":[9.104698, -0.882039]},{ "names":"first", "eastings":556568, "northings":446445, "description": "aijaskj jnrkajra skjanjanek ", "elevations": 5668, "LatLong":[5.580339, -2.266316]},{ "names":"first", "eastings":556568, "northings":446445, "description": "aijaskj jnrkajra skjanjanek ", "elevations": 5668, "LatLong":[8.050960, -1.247334]},{ "names":"first", "eastings":556568, "northings":446445, "description": "aijaskj jnrkajra skjanjanek ", "elevations": 5668, "LatLong":[5.142810, -1.961445]},{ "names":"first", "eastings":556568, "northings":446445, "description": "aijaskj jnrkajra skjanjanek ", "elevations": 5668, "LatLong":[6.115865, 0.082012]}, ];繪制標記的圖片

查看完整描述

1 回答

拉風的咖菲貓

TA貢獻1995條經驗獲得超2個贊

問題是，當您在偵聽器中添加一個函數并將其添加到該函數時，()它會直接執行，而不是在執行偵聽器時執行。

所以正確的是：_newMarker.addEventListener('click', markerDetails)

將您的代碼更改為：

for (obj in Allpoints){

_newMarker = L.marker(Allpoints[obj].LatLong,

{title: Allpoints[obj].names,

riseOnHover: true,

).addTo(mymap);

_newMarker.data = Allpoints[obj]; // save the objectData on the marker

allMarkers.push(_newMarker);

_newMarker.on('click', markerDetails);

}

function markerDetails(e){

var currentMarker = e.target;

var obj = currentMarker.data; //your objectData

$("#returnControlName").html(currentMarker.controlName);

$("#returnControlEastings").html(controlEastings);

$("#returnControlNorthings").html(controlNorthings);

}

反對回復 2023-08-18

1 回答
0 關注
166 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

如何使我的 Leaflet js 地圖上的每個標記在懸停并單擊時運行特定功能

如何使我的 Leaflet js 地圖上的每個標記在懸停并單擊時運行特定功能

1 回答

添加回答