2016-12-01 6 views
1

Я новичок в использовании Mapbox.Mapbox - Каковы мои идентификаторы слоев?

Я пытаюсь добавить новый слой к моей карте, которая находится над слоем воды, но ниже ярлыков.

map.addLayer({ 
    'id': 'maine', 
    'type': 'fill', 
    'source': 'maine', 
    'layout': {}, 
    'paint': { 
     'fill-color': '#088', 
     'fill-opacity': 0.8 
    } 
}, 'water'); 

(Этот код был взят из некоторого кода примера из MapBox.)

Прямо сейчас, это создает слой, который находится ниже уровня воды и этикеток. Тем не менее, я не могу понять, какой идентификатор слоя принесет его над водным слоем.

Это таблица стилей, я использую:

mapbox://styles/mapbox/light-v9 

Как найти другие действительные идентификатор уровня для этого стилей? Я пробовал «улицы», «дороги», «дорога», «земля» и т. Д., Но ничего не сработало. Я думал, что эта ссылка содержит все имена слоев:

https://www.mapbox.com/studio/styles/mapbox/light-v9/

, но только один, который держит мой новый слой от просто быть на вершине всего это «вода». Помогите!

+0

Если мой вопрос не помогает, можете ли вы опубликовать живой образец своего кода? – RobLabs

ответ

0

Вы можете поэкспериментировать на Mapbox.com/studio, добавив набор плиток maine в новый стиль, затем вы можете перемещать слой в интерактивном режиме, чтобы экспериментировать и доказывать необходимый эффект.

Второй параметр для addLayer является before, так что ваш maine источник должен прошли до water слоя. Смотрите документацию по addLayer для деталей

https://www.mapbox.com/mapbox-gl-js/api/#Map#addLayer


Фамилии слоев идентифицированы с помощью "id" в Style.json.

Вы можете найти имена слоев, перейдя по ссылке вы вывесили

Слой water находится рядом со слоем слоев в стиле света Mapbox.

Вот слои с водой в "id.

 "id": "waterway-river-canal", 
     "id": "water shadow", 
     "id": "water", 
     "id": "waterway-label", 
     "id": "water-label", 
0

ID вашего слоя можно найти, открыв карту в Mapbox Studio. Если вы перейдете к View style details (поле со стрелкой в ​​верхнем правом углу левого окна, оно откроет все слои.