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

时间:2014-03-04 09:40:04

标签: javascript openstreetmap leaflet cloudmade

我正在使用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);

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

谢谢。

1 个答案:

答案 0 :(得分:0)

我在我的一个网站上使用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正在为小用户关闭他们的服务,但它现在没有效果,可能是1,所以你的地图应该有效。