7

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

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

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

谢谢,

克里斯

4

1 回答 1

0

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

我刚刚尝试了 GDAL,这似乎是许多商业工具的基础实用程序。一般在这里:http ://www.gdal.org/

从大型光栅图像创建地图图块的快速方法。

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

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

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

  3. 使用 gdal2tiles 命令创建您的图块。 http://www.gdal.org/gdal2tiles.html。这是我做的一个命令,它创建了一堆图块,以及示例 openlayers html 演示!从你的来源。

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

如果您特别想使用 Polymaps,我相信它可以使用从 gdal 导出的图块,但我没有尝试过。这应该可以满足您在 HTML 中创建纯 JS 平铺地图的需要。

于 2013-05-30T17:52:44.537 回答