如何将vis.js与地图

时间:2018-05-23 19:25:09

标签: visualization vis.js vis.js-network

我正在尝试使用vis.js构建网络可视化并将其显示在地图上(类似于Gephi中的Geo-layout)。您是否碰巧知道是否已存在某些目标以实现此目标? (如果你有建议,我甚至不需要使用vis.js)

到目前为止,我尝试/想过使用mapbox但是我放弃了真实地图的想法,因为它变得相当复杂。

我将期望降级为以下内容:

  • 完成:在背景中有一张地图的图像,并有一些大的节点,我可以通过调整x和y位置手动定位

我仍然需要做以下事情:

  • 使小节点自动落入到位,就好像它是强制布局一样。

问题是如果我需要手动设置一些位置,我需要禁用物理...这当然会阻止较小的节点自动定位。

有关如何实现这一目标的任何提示?

谢谢!

1 个答案:

答案 0 :(得分:0)

我结束了以下操作,在选项中设置了布局和物理。 (由于某种原因,改进的布局必须是假的,这是一个幸运的猜测)

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 } }