Leaflet.js 中的地图层没有出现 - 为什么？答案

【问题标题】：Map layer in Leaflet.js not appearing - why?Leaflet.js 中的地图层没有出现 - 为什么？
【发布时间】：2012-11-06 03:59:12
【问题描述】：

我有一个简短的问题，希望您能提供帮助。我正在尝试创建地图，并认为 Leaflet.js 为非开发人员提供了一种简单的方法来说明我想要绘制的一些数据。

您可以在此处查看结果：

数据点按需要降落，但未显示底层地图。谁能看出原因？

我有一个 API 密钥，但地图层似乎没有加载。

我做错了什么？

问候

大卫

【问题讨论】：

【解决方案1】：

基础地图已绘制，但图块已混淆。（您可以在缩小地图时看到这一点。）您混淆了 CloudMade URL 的平铺参数。你有：

http://{s}.tile.cloudmade.com/{your-key}/997/256/{x}/{y}/{z}.png

但应该是：

http://{s}.tile.cloudmade.com/{your-key}/997/256/{z}/{x}/{y}.png

这很重要，因为参数指定了 URL 加载的磁贴。 Z 是缩放级别。 X 和 Y 是适当的图块。

【讨论】：