Question

我正在尝试使用leaflet.js将Mapbox磁贴添加到我的项目中。我写了如下代码：

L.tileLayer('https://{s}.tiles.mapbox.com/v4/johirbuet.l2ohahk4/{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://mapbox.com">Mapbox</a>',
maxZoom: 18
}).addTo(map);

但我收到错误，页面中没有显示地图。这个代码有什么问题？我按照文档。在may代码MapID：johirbuet.l2ohahk4

Answer 1

您需要将令牌添加到请求中，否则您将获得404：

{＆＃34; message＆＃34;：＆＃34;未授权 - 无令牌＆＃34;}

正确的代码：

L.tileLayer('https://{s}.tiles.mapbox.com/v4/{mapId}/{z}/{x}/{y}.png?access_token={token}', {
    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://mapbox.com">Mapbox</a>',
    subdomains: ['a','b','c','d'],
    mapId: 'myMapId',
    token: 'myUserToken'
});

Mapbox磁贴没有添加到leaflet.js映射？

1 个答案: