如何在地图中添加城市？

Question

我已经使用 Leaflet 成功地实现了丹麦地图。但是，我需要展示丹麦的市政当局，这非常复杂。

在this page，我收集到有用于行政边界的 Mapbox Tileset ID，所以我认为原则上我可以使用这些图块集，但我觉得这个页面上没有充分解释。

可以将瓦片集作为图层添加到传单地图吗？这还不清楚。我的基本地图代码如下所示：

var map = L.map('map').setView([56,12], 7);
    
L.tileLayer('https://api.mapbox.com/styles/v1/{id}/tiles/{z}/{x}/{y}?access_token={accessToken}', {
    attribution: 'Map data &copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors, Imagery © <a href="https://www.mapbox.com/">Mapbox</a>',
    maxZoom: 20,
    id: 'mapbox/light-v9',
    tileSize: 512,
    zoomOffset: -1,
    accessToken: '[my_access_token]'
}).addTo(map);

只需将mapbox/light-v9 替换为例如mapbox/boundaries-adm4-v3 地图不见了。添加一个全新的L.tilelayer(...id('mapbox/boundaries-adm4-v3')...).addTo(map); 给了我同样的旧地图，没有行政边界。

我是否天真地期望 Mapbox 为我提供丹麦城市的免费地图？

我是否使用 Leaflet、Mapbox 和 OpenStreetMaps 组合了太多东西？

我如何完成我需要的？ 1. 在地图上绘制丹麦城市边界； 2. 选定城市的着色。

Answer 1

请注意，这些是矢量瓷砖。

Leaflet 没有用于渲染这些类型的图块的内置功能。但是，您可以查看官方记录的 Vector-Tiles 插件：https://leafletjs.com/plugins.html#vector-tiles