Newest Leaflet Version not working correctly with GoJS

GoJS
1

Hello,

I am using Leaflet in combination with GoJS. I noticed that the example: Leaflet.js and GoJS seems to be outdated, because it is not working for the newest version of Leaflet. Dragging GoJS nodes will also drag the map which makes it difficult to reposition any nodes.
Check my fiddle Edit fiddle - JSFiddle - Code Playground

I hope you can help me out!

Best Regards

2

Thanks for the bug report. I would have expected libraries to be more stable than that. We’ll look into it.

3

I see what you mean with dragging nodes, though it seems to work OK on gojs.net.

We’ll investigate.

4

It seems like our current approach will not work with newer versions of leaflet, but I don’t know enough about the library to make a real recommendation for how to approach handling it.

Somewhere, you will want to sometimes disable leaflet’s interactivity, perhaps by using:

myLeafletMap.dragging.disable();

And then you will want to enable it again later:

myLeafletMap.dragging.enable();

So maybe remove the custom leaflet tool we made and add these instead:

            myDiagram.toolManager.draggingTool.doActivate = function() {
              myLeafletMap.dragging.disable();
              go.DraggingTool.prototype.doActivate.call(this);
            }
            myDiagram.toolManager.draggingTool.doDeactivate = function() {
              myLeafletMap.dragging.enable();
              go.DraggingTool.prototype.doDeactivate.call(this);
            }

I updated your fiddle: Edit fiddle - JSFiddle - Code Playground

There are probably other concerns and scenarios you will need to deal with though. And consider all the things you can disable: Disable leaflet interaction temporary - Geographic Information Systems Stack Exchange