时间戳

首页 > 解决方案 > Leaflet mapbox.dark 主题不起作用，如何获得深色主题

leaflet - Leaflet mapbox.dark 主题不起作用，如何获得深色主题

问题描述

我一直在使用传单在我的网站中显示地图，该网站处于暗模式，但直到最近，我发现传单地图中的暗模式完全停止工作，

这是我的代码，

this.map = L.map('dv-map', {
            minZoom: this.props.minZoom,
            maxZoom: this.props.maxZoom
        }).setView(this.props.center, this.props.initLevel);
        L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token=' + this.props.mapBoxToken, {
                maxZoom: this.props.maxZoom,
                id: 'mapbox.dark'
            })
            .addTo(this.map);

我测试了其他 id，例如 mapbox.streets、mapbox.satellite 等，仍然很好，只有 dark 根本不起作用。

谁能告诉我如何为传单地图设置暗模式？

谢谢

标签： leafletmapbox

解决方案

你试过这个吗？

L.tileLayer('https://api.mapbox.com/styles/v1/{id}/tiles/{z}/{x}/{y}?access_token={accessToken}', {
    attribution: '© <a href="https://www.mapbox.com/about/maps/">Mapbox</a> © <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a> <strong><a href="https://www.mapbox.com/map-feedback/" target="_blank">Improve this map</a></strong>',
    tileSize: 512,
    maxZoom: this.props.maxZoom,
    zoomOffset: -1,
    id: 'mapbox/dark-v10',
    accessToken: this.props.mapBoxToken
});

推荐阅读