токен доступа к mapbox - где его разместить? - PullRequest
Новая
       9

токен доступа к mapbox - где его разместить?

0 голосов
/ 14 января 2019

Мне было интересно, может ли кто-нибудь помочь мне с тем, куда именно я положил свой токен доступа к 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);

1 Ответ

0 голосов
/ 15 января 2019

Краткое руководство по для Leaflet отвечает на этот вопрос. Позвольте мне процитировать код там: 

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 :

{s} означает один из доступных поддоменов (используется последовательно для помощи параллельным запросам браузера на ограничение домена; значения поддоменов указываются в параметрах; a, b или c по умолчанию могут быть опущены), {z} - увеличение уровень, {x} и {y} - координаты тайла. {r} можно использовать для добавления «@ 2x» к URL-адресу для загрузки плиток сетчатки. Вы можете использовать пользовательские ключи в шаблоне, которые будут оцениваться из опций TileLayer, например: 

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

Следовательно, вы также можете сделать что-то вроде: 

L.tileLayer('https://api.tiles.mapbox.com/v4/mapbox.streets/{z}/{x}/{y}.png?access_token=pk.my-mapbox-token-goes-here', {
    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,
}).addTo(mymap);
...