【问题标题】:How to use vis.js with map如何将 vis.js 与地图一起使用
【发布时间】:2018-05-23 19:25:08
【问题描述】:

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

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

我将期望降级为执行以下操作:

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

我还需要做以下事情:

  • 让小节点像强制布局一样自动落入到位。

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

关于如何实现这一点的任何提示?

谢谢!

【问题讨论】:

  • 我不得不承认,你的问题(你的要求)很难理解:我可以理解你需要一张你已经拥有的地图的背景图片;但是 Gephi 的地理布局是什么? “自动到位”是什么意思?什么地方? (添加一些sn-ps/screenshots/...) 无论如何,如果您的回答让您满意,请不要忘记接受它,以便我们了解该问题是否仍然感兴趣。最好的问候

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


【解决方案1】:

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

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

【讨论】:

    猜你喜欢
    • 2014-06-08
    • 1970-01-01
    • 2017-05-16
    • 1970-01-01
    • 2017-06-22
    • 2018-07-30
    • 2015-06-29
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多