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

Question

我正在为我的Web项目使用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日，因此您的地图应该可以使用。