Mapbox GL JS: изменение ширины границы полигона - PullRequest
Новая
       38

Mapbox GL JS: изменение ширины границы полигона

0 голосов
/ 04 сентября 2018

У меня есть простой многоугольник на карте, и я просто хотел бы настроить ширину цвета границы. (geoJSON является внешним) Мне не удалось найти это в руководстве по API .

Это ссылка на мой пример (и источник).

В настоящее время мой код для оформления многоугольника: 

'paint': {
'fill-color': 'rgba(60, 120, 40, 0.4)',
'fill-outline-color': 'rgba(20, 100, 25, 1)'
}

Что мне добавить, чтобы придать границе большую ширину? Есть ли другие варианты стиля для простых полигонов, которые мне не хватает? (Поскольку я не могу найти документацию по этому вопросу.)

Я публикую ниже изображение моей проблемы - в основном граница хорошо определена в левой части изображения, но если пользователь меняет угол обзора, его становится трудно увидеть, потому что ширина слишком мала.

geoJSON border issue image

1 Ответ

0 голосов
/ 04 сентября 2018

По техническим причинам для стиля fill нельзя указать ширину границы больше 1. Используйте дополнительный слой со стилем линии: 

  map.addLayer({
    'id': 'states-layer-outline',
    'type': 'line',
    'source': {
      'type': 'geojson',
      'data': 'test.js'
    },
    'paint': {
      'line-color': 'rgba(255, 0, 0, 1)',
      'line-width': 4
    }
  });

[https://jsfiddle.net/tny37kbu/]

...