Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Dragging markers

See original GitHub issue

Hi,

I’m having trouble dragging markers on map. I have read old issues regarding this topic and if I have understood correctly, one needs to first remove marker from cluster on dragstart-event and add it back to cluster on dragend-event. Also this marker needs to be added to the map after removing it from cluster so that it doesn’t disappear when moving it.

var markers = L.markerClusterGroup({ disableClusteringAtZoom: 12 });

var marker = L.marker([pos.lat, pos.lng], { title: "title", draggable: "true" });
marker.on("dragstart", function (ev) {            
    console.log("drag start");
    markers.removeLayer(this);
    marker.addTo(mMapView);            
});
marker.on("drag", function (ev) {
    console.log("drag");
    this.setLatLng(ev.latlng);
});
marker.on("dragend", function (ev) {
    console.log("drag end");
    marker.removeFrom(mMapView);
    markers.addLayer(this);
});

markers.addLayer(marker);

This almost works. When I try to drag the marker, it doesn’t move at all (dragstart-event fires but not others). After the mouse button is released and I try dragging again, it works.

Any ideas on how I could get this to work?

I’m using: Leaflet v1.0.0-rc.1 Leaflet-markercluster v1.0.0-rc.1 Latest Chrome on Windows 8.1