Как изменить css всплывающего окна в mapbox?

Question

Я практикую свои навыки работы с рельсами, создавая своего рода страничку airbnb для поддельного продукта. Теперь я создал карты на первой половине экрана, а другая половина покрыта mapbox. Все работает нормально, когда я наведу курсор на карту, под маркером на карте появится всплывающее окно. Вопрос в том, как я могу изменить css или стиль всплывающего окна? Теперь это просто белый квадрат с текстами в нем.

спасибо

Answer 1

Если вы используете элемент Popup , предоставляемый API Mapbox GL JS, вы можете проверить исходный код всплывающего окна , чтобы определить имена соответствующих классов. для каждого компонента элемента HTML и измените или добавьте к ним в CSS вашего приложения. Лучшим вариантом, вероятно, является использование Popup#addClassName метода , предоставляемого API GL JS, который позволяет добавлять пользовательский класс к элементу всплывающего контейнера (следовательно, изменение стиля элемента при соблюдении абстракции). .