D3 可视化创建建筑/校园地图
D3 visualization to create building / campus map
如何创建一个 building/school 地图，我可以使用 D3 缩放并获取每个教室的上下文信息。
我已经阅读了如何创建可缩放地理地图的示例 http://bl.ocks.org/mbostock/2206590，但在代码中，它使用了美国各州的 TopoJSON（或 GeoJSON）格式。
如何获取学校建筑的 GeoJSON 文件？
谢谢，
拉吉。
硬核地理json
有在线geojson编辑器，例如geojson.io。您可以找到您的建筑物，为其绘制地图，添加房间名称等属性，然后将其保存为 geojson 或 topojson 文件。
请注意 geojson.io 不允许无限缩放，因此您的绘图可能非常近似。
在您的 D3js 代码中，您必须自动聚焦 json 数据（形状）。 、D3js call 和 Focus 部分解释了一个方便的工作示例。
机智的 SVG
使用 Inkscape 或其他矢量编辑器将您的建筑设计为 SVG/XML 文件会花费更长的时间，但最终会获得更好的最终结果。然后使用 d3.xml(http://yourwebsite.org/file.xml, function(data){ ... })。不幸的是，我在这方面的专业知识太少，但如果在那个级别要求质量，我会选择这种方式。
如何创建一个 building/school 地图，我可以使用 D3 缩放并获取每个教室的上下文信息。
我已经阅读了如何创建可缩放地理地图的示例 http://bl.ocks.org/mbostock/2206590，但在代码中，它使用了美国各州的 TopoJSON（或 GeoJSON）格式。
如何获取学校建筑的 GeoJSON 文件？
谢谢， 拉吉。
硬核地理json
有在线geojson编辑器，例如geojson.io。您可以找到您的建筑物，为其绘制地图，添加房间名称等属性，然后将其保存为 geojson 或 topojson 文件。
请注意 geojson.io 不允许无限缩放，因此您的绘图可能非常近似。
在您的 D3js 代码中，您必须自动聚焦 json 数据（形状）。 D3js call 和 Focus 部分解释了一个方便的工作示例。
机智的 SVG
使用 Inkscape 或其他矢量编辑器将您的建筑设计为 SVG/XML 文件会花费更长的时间，但最终会获得更好的最终结果。然后使用 d3.xml(http://yourwebsite.org/file.xml, function(data){ ... })。不幸的是，我在这方面的专业知识太少，但如果在那个级别要求质量，我会选择这种方式。