【问题标题】:Create floor heat map with DWG file for website使用 DWG 文件为网站创建地板热图
【发布时间】:2020-04-17 00:14:48
【问题描述】:

我想创建一个显示用户足迹的楼层地图或基于用户在地板上的移动的热图。我不确定如何使用 .dwg 文件创建此热图。我还需要在我的网站上显示这张实时地图,它会在地图上提供实时数据并显示用户更多的位置(目前我只有 .dwg 文件,它是我有完整平面图的自动 cad 文件)。

我愿意使用网站上支持的任何技术,并且可以与 JavaScript、PHP 等一起使用。是否有任何工具可以为我创建热图并生成基于 Web 的格式以将其托管在我的网站上?

【问题讨论】:

  • 所以您的问题不在于创建热图(如果是,请检查this,而是实际从 DWG 文件中获取基础底板并将其放入画布中?
  • 您打算如何跟踪在建筑物周围走动的人的 (X,Y) 坐标?相机?可穿戴跟踪设备?

标签: jquery html canvas svg autocad


【解决方案1】:

如果您的问题是将 DWG 转换为画布,您可以先将 DWG 转换为 SVG。这是一些discussion on that

如果您想要实时绘制热图,请查看this

【讨论】:

  • 但是我怎样才能控制 heatmap.js 不在墙上画画。我的意思是,如果我给 x,y 协调,它会显示一些时间人们不在地板上......我是这个 js 的新手,有没有办法添加或绘制边界,所以它不会从中得出价值。还想知道如何在我的楼层地图图像上添加地图控件,例如放大缩小???
  • 我不确定 heatmap.js 在最新版本中提供了什么。避免问题的一种方法是在更新热图后立即在地图上绘制不可步行区域,从而有效地掩盖热图。更好的方法是查看 heatmap.js,但上次我检查他几乎使用了渐变和圆形,这不是很容易制作。关于放大和缩小,您可能想查看 API 之类的谷歌地图,但您很可能必须在每次有人缩放时重新绘制整个热图。
  • 是的,我每次都需要重新绘制地图。但是你知道我在哪里可以看到带有控制的工作示例我的问题是画布没有以正确的方式重绘并且它经常改变区域。我只能看到谷歌地图或其他地图的例子,但不能看到自定义地图。如果您在这里找到任何东西,请分享。再次感谢 Miquel :)
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2012-10-08
  • 2021-03-16
  • 2012-05-03
  • 2019-01-16
  • 2018-01-06
  • 2018-05-16
  • 1970-01-01
相关资源
最近更新 更多