javascript - Autocad .dwg 到 SVG 到 PolyMap 的瓷砖，从而产生事件平面图

Question

我目前正在将 .dwg 文件另存为 .dxf，在 Illustrator 中打开，另存为 .svg，然后使用 Polymaps 将其嵌入到 html 文档中.期望的结果是制定事件平面图。平面图超过 1,000,000 平方英尺，所以我相信平铺是拥有可用于移动设备的东西的唯一方法(由于加载时间)

我无法找到有关如何从 SVG 文件创建图 block 然后将它们与 Polymaps 一起使用的任何信息。我对此不熟悉，所以尽管我已经完整阅读了 Polymaps 文档，但我不确定即使在拥有这些图 block 后我是否能够实现。

如果有任何有关从可与 Polymap 一起使用的 .svg 创建图 block 的资源，以及有关使用 Polymap 的更详细的示例，我将不胜感激。

谢谢，

克里斯

Answer 1

虽然 Polymaps 支持 SVG，但一个简单的选择是将 SVG 导出为非常大的图像，然后使用 map 平铺实用程序将其导出。

我刚刚试用了 GDAL，它似乎是许多商业工具的基础工具。将军在这里:http://www.gdal.org/

从大型光栅图像创建 map 图 block 的快速方法。

1. 对于 OSX，您可以在此处下载 GDAL 实用程序的预编译:http://www.kyngchaos.com/software/frameworks

2. 运行安装程序，然后打开终端并将 Python 脚本导出到您的路径中:

   export PATH=/Library/Frameworks/GDAL.framework/Programs:$PATH

3. 使用 gdal2tiles 命令创建您的图 block 。 http://www.gdal.org/gdal2tiles.html .这是我执行的一个命令，它创建了一堆图 block ，并示例了 openlayers html 演示!从你的来源。

   gdal2tiles.py -p 'raster' largeexported_image.png -z 2-5

如果您特别想使用 Polymap，我相信可以使用从 gdal 导出的图 block ，但我还没有尝试过。这应该可以满足您在 HTML 中创建纯 JS 瓦片 map 的需要。