Cytoscape.js Mapbox GL插件

2020-11-13 18:55:42

该插件公开了一个函数,该函数应用于将插件注册到Cytoscape.js。

导出接口MapboxglHandlerOptions{getPosition:(node:cytoscape.NodeSingular)=>;mapboxgl.LngLatLike;setPosition?:(node:cytoscape.NodeSingular,lngLat:mapboxgl.LngLat)=>;void;Animate?:boolean;AnimationDuration?:Number;}const cyMap=cy.mapboxgl(mt。

如果没有提供setPosition选项,使用Cytoscape方法(例如cy.autoungrabify(True))禁用节点拖动非常重要。

如果节点拖动保持启用且未提供setPosition选项,或者setPosition返回而不保存,则节点拖动完成后节点位置将恢复到原始位置。此行为也可用于取消。

Cy.autoungrabify(True);//禁用节点拖拽const cyMap=cy.mapboxgl(...,{getPosition:(Node)=>;{return[node.data(';lng';),node.data(';lat';)];}});

Const cyMap=cy.mapboxgl(...,{getPosition:(Node)=>;{return[node.data(';lng&#;),node.data(';lng&#)];},setPosition:(node,lngLat)=>;{node.data(&#;lng&#;,lngLat.lng);node.data(&#。

Const cyMap=cy.mapboxgl({Style:{';Version';:8,';Sources';:{';Raster-Tiles';:{';type';:';Raster';,';Tiles';:[';https://tile.openstreetmap.org/{z}/{x}/{y}.png';],';tileSize';:256,#39;属性:';&;复制;<;a href=";https://www.openstreetmap.org/copyright";>;OpenStreetMap<;/a>;投稿人';},';层';:[{';id';:';栅格-瓷砖';,';类型';:';栅格';,';源';:';栅格-瓷砖';,';minzoom';:0,';maxzoom';:19}]}},...);

建议不要大量使用OpenStreetMap磁贴。有关详细信息,请参阅OpenStreetMap平铺使用策略。请参阅OpenStreetMap wiki上的切片服务器以了解可能的替代方案,或者考虑商业替代方案,如Mapbox、Maptiler或运行您自己的切片服务器。

Padding-Number,图形周围的填充量(以渲染像素为单位)(默认为0)。

Graphlytic是一个可定制的Web应用程序,用于协作图形可视化和分析。Neo4j Desktop有一个免费版本。