This PR adds a demo for the Cytoscape-Leaflet all-in-one component.
This AIO consists on a cytoscape graph displayed on top of a Leaflet map. Every movement (pan or zoom) on the cytoscape graph will update the map to move accordingly. All the logic for this to happen is in the file demos/assets/cyleaflet_clientside.js.
The coordinate conversion module proj4js is used to handle the dragging offset when the map is moved with a cytoscape object superimposed.
A demo of this component can be found in demos/usage_cy_leaflet_aio.py.
Pre-Merge checklist
[ ] The project was correctly built with npm run build:all.
[ ] If there was any conflict, it was solved correctly.
[ ] All changes were documented in CHANGELOG.md.
[ ] All tests on CircleCI have passed.
[ ] All Percy visual changes have been approved.
[ ] Two people have :dancer:'d the pull request. You can be one of these people if you are a Dash Cytoscape core contributor.
About
This PR adds a demo for the Cytoscape-Leaflet all-in-one component.
This AIO consists on a cytoscape graph displayed on top of a Leaflet map. Every movement (pan or zoom) on the cytoscape graph will update the map to move accordingly. All the logic for this to happen is in the file
demos/assets/cyleaflet_clientside.js
.The coordinate conversion module
proj4js
is used to handle the dragging offset when the map is moved with a cytoscape object superimposed.A demo of this component can be found in
demos/usage_cy_leaflet_aio.py
.Pre-Merge checklist
npm run build:all
.