Mapbox предотвращает поведение привязки при перетаскивании объекта - PullRequest
Новая
       6

Mapbox предотвращает поведение привязки при перетаскивании объекта

0 голосов
/ 06 сентября 2018

У меня есть функция в mapbox, которая перетаскивается. Но когда я перетаскиваю эту функцию, она привязывается к мыши (она скачет). Я не хочу этого Есть ли способ предотвратить это?

Что у меня есть, это поведение (захватить точку на краю): https://www.mapbox.com/mapbox-gl-js/example/drag-a-point/

Что я хочу иметь: https://www.mapbox.com/mapbox-gl-js/example/drag-a-marker/

Разница в том, что первый - это объект, а второй - HTML-маркер. Но я не хочу использовать HTML-маркер, потому что они негативно влияют на производительность.

1 Ответ

0 голосов
/ 06 сентября 2018

Основная идея состоит в том, чтобы вычислить дельту в пикселях между элементом и начальной точкой мыши и применить его при установке новых координат: 

var delta = {
  x: 0,
  y: 0
};
function onMove(e) {
  var coordsXY = {
    x: e.point.x + delta.dx,
    y: e.point.y + delta.dy
  };
  var coords = map.unproject(coordsXY);
  ...
}

map.on('mousedown', 'point', function(e) {
  // Prevent the default map drag behavior.
  e.preventDefault();

  var featureXY = map.project(e.features[0].geometry.coordinates.slice());
  var mouseXY = e.point;
  delta = {
    dx: featureXY.x - mouseXY.x,
    dy: featureXY.y - mouseXY.y
  };
  ...
}

[https://jsfiddle.net/gfs8b59c/]

...