Стиль с листовкой и Mapbox

#javascript #leaflet #mapbox

#javascript #листовка #mapbox

Вопрос:

Я новичок в leaflet.js и мы с mapbox пытаемся разобраться, как добавить пользовательский стиль к карте. Это должно быть просто, только я не знаю, где я ошибаюсь.

Это работает, но, похоже, я не могу добавить к нему пользовательский стиль.

 var mymap = L.map('mapid')
.setView(latLong, 13)
  

Это работает со стилем mapbox 11, только кажется, что он в формате контейнера

 var map = new mapboxgl.Map({
container: 'map', // container id
style: 'mapbox://styles/mapbox/streets-v11', // style URL
});
  

Ответ №1:

Вы должны войти в свою учетную запись mapbox и зайти в mapbox studio, там нажать на новый стиль, затем настроить. После того, как вы закончите, нажмите на кнопку «Поделиться» вверху справа, и вы получите URL-адрес стиля, выглядящий примерно так:

mapbox://styles/<username>/oxpbfqo2peepoo3phxl7010cm вставьте это в свой код.

для оформления карт листовок вы ограничены выбором стилей у одного из этих поставщиков: здесь

Ответ №2:

Я понял, где я ошибался! Мне нужно было добавить слой стиля.

Для моего будущего «я», для справки:

 L.mapbox.accessToken = 'pk.mytokenstring';

var map = L.mapbox.map('map').setView([51.483728, 0.00], 15);

L.mapbox.styleLayer('mapbox://styles/[username]/[mystyleid').addTo(map);