javascript - 当移动标记到达一定latlng时触发事件

Question

我正在使用 this用于在多段线周围移动标记的插件。

这里是移动标记是如何启动的。

var locations = [
  ["LOCATION_1",25.700769, 82.300140],
  ["LOCATION_2",26.600969, 83.400260],
  ["LOCATION_3",27.600969, 84.400260],
  ["LOCATION_4",28.600969, 85.400260],
  ["LOCATION_5",29.600969, 86.400260],
  ["LOCATION_6",24.600969, 87.400260],
  ["LOCATION_7",23.500969, 88.200260],
  ["LOCATION_8",22.400969, 89.300260],
  ["LOCATION_9",25.700569, 90.400000]
];

var latlng = array();

for (var i = 0; i < locations.length; i++) {
  latlngs.push([locations[i][1],locations[i][2]]);
}

var myMovingMarker = L.Marker.movingMarker(latlngs,
  [2500,4000,2000,5000,4000,5000,3000,2000,4000], {
  autostart: true
});

每次标记到达 locations 数组中的坐标时，我都想弹出一条消息。有什么方法可以在标记到达某个 latlng 坐标时触发事件？

或者有没有其他方法可以在标记到达某个点时绑定(bind)弹出窗口。

Answer 1

首先注册一个捕获start状态的事件

myMovingMarker.on('start',function(event) {
  // console log your event
  console.log(event)
});

我不完全确定，但你的 event.target 中应该有一个名为 latlng 的属性

一旦你有了你的latlng

myMovingMarker.on('move',function(event) {
  // ... you already have your lat and lng here
  // check if your latlng is in your array here
  if (condition) {
     myMovingMarker
       .bindPopup('<b>My popup content !</b>', {closeOnClick: false})
       .openPopup()
  } else {
     myMovingMarker.closePopup()
     myMovingMarker.unbindPopup()
  }
});