如何自定义Leaflet Map CSS

Question

我想改变传单地图的风格.我想让它看起来更像谷歌地图默认主题.是否有不同的css文件被引用以不同的方式设置地图样式？任何地方都有主题存储库吗？

Answer 1

Leaflet有一个插件,它有许多不同的底图图块集.它被称为传单提供者.其中一些非常好.

还有另一个插件,您可以通过它获取Google,Bing和Yandex的磁贴集(尽管不是Google可自定义的磁贴集).

最后,您可以通过Cloudmade制作自己的自定义磁贴集并将其加载到Leaflet中.前500,000个瓷砖(每个月)是免费的,但如果您需要更多,您需要付费.在基本的Leaflet教程中,他们有一行:

L.tileLayer('http://{s}.tile.cloudmade.com/API-key/997/256/{z}/{x}/{y}.png', {
    attribution: 'Map data &copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, <a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, Imagery © <a href="http://cloudmade.com">CloudMade</a>',
    maxZoom: 18
}).addTo(map);

在创建自定义磁贴集后,您可以使用Cloudmade中提供的详细信息修改网址.

Answer 2

Leaflet只是展示各种地图的库。您可能使用 OpenStreetMap 项目中的地图，但如果您想创建自己的地图样式，您需要使用专门的软件（如 Mapbox 的 TileMill）、设置数据库、下载原始数据等。

无论如何，当前 OSM 地图的渲染是用 CartoCSS 编写的，您可以在这里找到 Github 存储库。

您可以在OpenStreetMap wiki上找到可供使用的各种地图渲染。