D3.js D3可视化创建建筑/校园地图

我如何创建一个建筑/学校地图，我可以使用D3缩放并获取每个教室的上下文信息

我读过如何创建可缩放地理地图的示例，但在代码中，它使用了美国各州的TopoJSON（或GeoJSON）格式

如何获取学校建筑的GeoJSON文件

谢谢， 拉杰

核心geojson

---

有在线geojson编辑器，例如。您可以找到您的建筑，对其进行映射，添加房间名称等属性，然后将其另存为geojson或topojson文件

请注意，geojson.io不允许无限缩放，因此您的图形可能非常近似

在D3js代码中，必须自动聚焦json数据（形状）。

D3js调用

和

Focus

部分解释了一个方便的工作示例

机智的SVG

---

使用Inkscape或其他矢量编辑器将建筑设计为SVG/XML文件可能需要更长的时间，但最终会得到更好的结果。然后使用

d3.xml(http://yourwebsite.org/file.xml，函数（数据）{…}）

。不幸的是，我在这方面的专业知识太少了，但如果在这一层面上要求质量，我会这么做。

似乎GeoJSON对于一栋建筑来说是一种巨大的过度使用。假设它是单层的，为什么不直接使用普通的SVG呢？毕竟，平面图（大部分）只是矩形。当然，您的建筑不足以担心地图投影。GeoJSON文件通常是从ShapeFile构建的，对吗？我怀疑你会有一个单一建筑的形状文件-也同意@Stephen的说法，那太过分了。此外，您的问题仍然是顶级的，因此通常不用于众包整个项目的草图。首先尝试一些代码，然后在遇到问题时返回。可能是问题的副本。我同意GeoJSON可能有些过火，但是从CAD包到QGIS将有一个很好的工作流程来创建GeoJSON，如果你有一个复杂的平面图，它肯定有一些优势。谢谢你的评论。我将从SVG和GeoJSON开始。我同意这是更高级的——我会弄脏我的手然后回来。有在线geojson编辑器，比如。您可以找到您的建筑，映射它，添加房间名称等属性，然后导出geojson。