Question

我想知道是否有人可以帮助我准确地将我的mapbox访问令牌放在哪里。我不相信我做的正确。任何帮助将不胜感激

mapboxgl.accessToken = 'pk......';

var mapboxTiles = 
L.tileLayer('https://{s}.tiles.mapbox.com/v3/examples.map- 
zr0njcqy/{z}/{x}/{y}.png', {
    attribution: '<a href="http://www.mapbox.com/about/maps/" 
target="_blank">Terms &amp; Feedback</a>'
});

var map = L.map('map')
    .addLayer(mapboxTiles) 
    .setView([40.72332345541449, -73.99], 14);

Answer 1

Leaflet的quick start tutorial回答了这个问题。让我引用其中的代码：

L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token={accessToken}', {
    attribution: 'Map data &copy; <a href="https://www.openstreetmap.org/">OpenStreetMap</a> contributors, <a href="https://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, Imagery © <a href="https://www.mapbox.com/">Mapbox</a>',
    maxZoom: 18,
    id: 'mapbox.streets',
    accessToken: 'your.mapbox.access.token'
}).addTo(mymap);

请注意，URL模板中花括号之间的所有内容都将替换为图块坐标或图块图层自己的选项中的值，如Leaflet API documentation中所述：

{s}表示可用的子域之一（依次用于帮助每个域限制浏览器并行请求；子域值在选项中指定；默认情况下可以省略a，b或c），{{1 }} —缩放级别，{z}和{x} —平铺坐标。 {y}可用于向网址添加“ @ 2x”以加载视网膜图块。您可以在模板中使用自定义键，该模板将从TileLayer选项进行评估，如下所示：
{r}

因此，您还可以执行以下操作：

 L.tileLayer('http://{s}.somedomain.com/{foo}/{z}/{x}/{y}.png', {foo: 'bar'});

mapbox访问令牌-我在哪里放置它？

1 个答案: