Mapbox GL JS - «Плоский» маркер - PullRequest
       33

Mapbox GL JS - «Плоский» маркер

0 голосов
/ 29 декабря 2018

Для проекта, над которым я сейчас работаю, я хочу использовать mapbox-gl-js для реализации автомобильной навигации на Raspberry Pi (с использованием данных автономной карты и OSRM для маршрутизации).Я хочу отобразить текущую позицию на маршруте с помощью маркера со стрелкой - точно так же, как в Google Maps (я знаю, это можно легко сделать с помощью маркеров Mapbox, но ...).

Это каким-либо образомМожно ли добавить «плоский» маркер, который всегда находится в той же плоскости, что и карта, даже когда вид наклонен / наклонен (т. е. изображение маркера становится наклонным и овальным при наклоне, и круглым при просмотре сверху)?Такое поведение в GMaps можно увидеть здесь: Маркер карты - белый круг овальный, а стрелка короче по сравнению с показанным сверху.

Поиск по SO и Интернету не далсодержательные ответы (за исключением, возможно, , это , но ссылка на пример не работает).Я знаю, что это вполне может быть реализовано с помощью пользовательского слоя GL, но это кажется довольно сложным для рассматриваемой проблемы ...

Я также заметил, что источник типа GEOJson типа "изображение" отображается с такимэффект, так что в крайнем случае я, вероятно, мог бы вычислить необходимые четыре координаты ребра из текущей позиции.Хотя я бы с удовольствием использовал более простой метод.

1 Ответ

0 голосов
/ 30 декабря 2018

Используйте слой символов со свойством макета "icon-pitch-alignment": "map".

Пример https://jsbin.com/hoziqeb/edit?html,output

...