将地图分幅从web目录导入到Polymaps中

我正在尝试使用以下目录路径将贴图分幅导入到多边形贴图中：

{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文件肯定存在，因为它们在中可见。更重要的是，我在各种polymaps示例中看到了相同的语法

---

关于如何导入这些平铺有什么建议吗？

首先，您需要将变量转换为大写，并删除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")));