javascript - 在 Leaflet.js 地图上使用 Cloudmade 的样式

Question

我正在为我的网络项目使用 Leaflet。对于地图图块，我使用的是 Cloudmade 图像。

L.tileLayer('http://{s}.tile.cloudmade.com/{key}/22677/256/{z}/{x}/{y}.png', {
        styleId: 123544,
        attribution: 'Map data © 2011 OpenStreetMap contributors, Imagery © 2012 CloudMade',
        key: 'XXXXXXXX'
    }).addTo(map);

我试图将样式放到这张地图上，但样式不起作用。我只想把蓝色放在河流和海洋上。

谢谢你。

Answer 1

我在我的一个网站上使用 cloudmade，这就是我使用他们的瓷砖的方式：

L.tileLayer('http://{s}.tile.cloudmade.com/{your_key}/{style_id}/256/{z}/{x}/{y}.png', {
        attribution: 'Map data © 2011 OpenStreetMap contributors, Imagery © 2012 CloudMade'
}).addTo(map);

键和样式直接在 url 中，您可能想使用基本的 cloudmade 样式，id 是1.

是的，cloudmade 正在关闭他们为小用户提供的服务，但它现在无效，5 月 1 日，所以你的地图应该可以工作。