如何在地图上使用 vis.js
How to use vis.js with map
我正在尝试使用 vis.js 构建网络可视化并将其显示在地图上(类似于 Gephi 中的地理布局)。您是否碰巧知道是否已经存在实现该目标的方法? (如果你有建议,我什至不需要使用 vis.js)
到目前为止,我 tried/thought 使用 mapbox,但我放弃了使用真实地图的想法,因为事实证明它相当复杂。
我将期望降级为执行以下操作:
- 完成:在背景中有一张地图图像,并有一些大节点,我可以通过调整 x 和 y 位置手动定位这些节点
我还需要做以下事情:
- 让小节点像强制布局一样自动归位。
问题是如果我需要手动设置一些位置,我需要禁用物理...这当然会阻止较小的节点自动定位。
关于如何实现这一点的任何提示?
谢谢!
我完成了以下操作,在选项中设置布局和物理。 (由于某些原因,改进的布局必须是错误的,这是一个幸运的猜测)
layout: { improvedLayout: false }
physics: { enabled: true}
对于节点,设置一个叫fixed的属性:
fixed: { x: true , y: true }
这里是节点的儿子:
{id: 1, value: 2, label: 'xx' , x: 320, y:170 , fixed: { x: true , y: true } }
我正在尝试使用 vis.js 构建网络可视化并将其显示在地图上(类似于 Gephi 中的地理布局)。您是否碰巧知道是否已经存在实现该目标的方法? (如果你有建议,我什至不需要使用 vis.js)
到目前为止,我 tried/thought 使用 mapbox,但我放弃了使用真实地图的想法,因为事实证明它相当复杂。
我将期望降级为执行以下操作:
- 完成:在背景中有一张地图图像,并有一些大节点,我可以通过调整 x 和 y 位置手动定位这些节点
我还需要做以下事情:
- 让小节点像强制布局一样自动归位。
问题是如果我需要手动设置一些位置,我需要禁用物理...这当然会阻止较小的节点自动定位。
关于如何实现这一点的任何提示?
谢谢!
我完成了以下操作,在选项中设置布局和物理。 (由于某些原因,改进的布局必须是错误的,这是一个幸运的猜测)
layout: { improvedLayout: false }
physics: { enabled: true}
对于节点,设置一个叫fixed的属性:
fixed: { x: true , y: true }
这里是节点的儿子:
{id: 1, value: 2, label: 'xx' , x: 320, y:170 , fixed: { x: true , y: true } }