Я создал несколько пользовательских стилей в студии mapbox. По сути, это просто внешний вид карты и стиль спутника mabpox, каждый из которых настроен, разделен на 2 стиля: базовая карта без меток и только метки без базовой карты. Я хочу дать пользователю возможность включать и выключать слои или устанавливать прозрачность. Вы можете увидеть слои здесь:
Только надписи на улице
Только надписи на спутниках
В пределах студии mapbox плитки отображаются прозрачность там, где нет дорог / этикеток / et c. Это то, что я ожидал. Затем я использую эти слои в листовке примерно так:
var mapBoxOutdoorsLabels = L.tileLayer(
'https://api.mapbox.com/styles/v1/slutske22/ck87tp2fq0rq41iqox69g4ko5/tiles/256/{z}/{x}/{y}@2x?access_token={accessToken}',
{ accessToken ,maxZoom: 18, pane: 'labels'})
.addTo(map1)
var mapBoxSatelliteLabels = L.tileLayer(
'https://api.mapbox.com/styles/v1/slutske22/ck8i7fv4h0h771ipc6mwzwmp4/tiles/256/{z}/{x}/{y}@2x?access_token={accessToken}',
{ accessToken ,maxZoom: 18, pane: 'labels'})
.addTo(map2)
Насколько я могу судить, способ импортирования этих двух слоев идентичен. Но по какой-то причине мой слой меток для наружного отображения отображается правильно (с прозрачным фоном), в то время как мой слой меток для спутника отображается с черным фоном, и вы не можете видеть сквозь базовую карту. На карте справа есть проблема:
Я не уверен, что я делаю не так в студии mapbox или в импорте листовок, чтобы плитки создавались черным, а не прозрачным. То, как я строю две карты, идентично, по крайней мере, насколько я могу судить. Есть идеи?
Спасибо за чтение.