javascript - 如何自定义传单 map CSS

Question

我想更改传单 map 的样式。我想让它看起来更像谷歌地图的默认主题。是否有不同的 css 文件被引用以不同地设置 map 样式？哪里有主题存储库？

Answer 1

Leaflet 有一个插件，其中包含大量不同的 basemap 切片集。它叫做leaflet-providers .其中一些非常好。

有 another plugin通过它您可以获得 Google、Bing 和 Yandex 的图 block 集(尽管不是 Google 的可自定义的)。

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

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

创建自定义图 block 集后，您将使用 Cloudmade 中提供的详细信息修改 url。