2014-03-04 28 views
0

我使用单张我的web项目。对于地图图块,我使用Cloudmade图像。从Cloudmade上Leaflet.js使用样式映射

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); 

我试图把风格放到这张地图上,但风格不起作用。我只想把蓝色放在河流和大海上。

谢谢。

+0

我认为没有错的代码,但我与小叶示例代码和免费的API密钥藏汉灰色/空映射。看起来Cloudmade切换它的付款模式([在这里阅读](http://notes.ericjiang.com/posts/741)),因此,如果您不是付费用户,你的运气了:( - **编辑**对不起,上面写着5月1日,这是不是这里的问题 – chrki

+0

好了,所以我想你确切的代码并正确显示出来,请确保你从你的Cloudmade API密钥设置 – chrki

+0

HTTP指定的域运行它: //apb.directionsmag.com/entry/cloudmade-ends-smaller-service-plans-offers-only-enterprise-level-serv/387341 – scai

回答

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); 

重点和风格是直接在网址,你可能想使用基本cloudmade风格,id为1

是的,cloudmade被关掉他们的服务,为小用户,但现在已经不见效,5月1日让你的地图应该工作。