Question

我正在尝试使用以下目录路径将地图图块导入到polymaps中：

http://pelagios.dme.ait.ac.at/tilesets/imperium/ {Z} / {X} / {Y} /。为png

但我收到404错误。这是我的代码：

   var po = org.polymaps;

   var map = po.map().container(document.body.appendChild(po.svg("svg")));

   map.add(po.image()
      .url(po.url
          ("http://pelagios.dme.ait.ac.at/tilesets/imperium/{z}/{x}/{y}/.png")));

png文件肯定存在，因为它们在http://pelagios.dme.ait.ac.at/tilesets/imperium/处可见。更重要的是，我已经看到了各种polymaps示例中使用的相同语法。

有关如何导入这些瓷砖的建议吗？

Answer 1

首先，您需要将变量转换为大写，并删除URL中的最后一个斜杠字符。正确的URL是：

http://pelagios.dme.ait.ac.at/tilesets/imperium/{Z}/{X}/{Y}.png

我将您的代码复制到一个空的HTML文件中，并且至少使用默认的容器大小，地图缩放级别设置为12.您的地图图块服务器似乎只包含缩放级别3到11的地图图块。

除此之外，您应该将地图中心设置为有意义的内容，以便您在地图上查找找到地图图块的位置。

以下修改后的代码似乎可以正常工作并显示地中海地区的一些地图图块：

var po = org.polymaps;

var map = po.map()
 .container(document.body.appendChild(po.svg("svg")))
 .zoomRange([3, 11])
 .zoom(5)
 .size({x: 800, y: 600})
 .center({lat: 40, lon: 10})
 .add(po.image().url(po.url("http://pelagios.dme.ait.ac.at/tilesets/imperium/{Z}/{X}/{Y}.png")));

从Web目录将地图图块导入Polymaps

1 个答案: