Как я могу отобразить всплывающее окно внизу посередине страницы при нажатии маркера MapboxGL?

Я хочу показать всплывающее окно внизу посередине страницы при нажатии маркера.

Я использовал следующий код

 new mapboxgl.Popup({ anchor: 'top' })

Это показывает всплывающее окно в нижней части маркера. Но я хочу показать всплывающее окно внизу посередине страницы.


person Rajaa    schedule 23.10.2017    source источник


Ответы (1)


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

map.on('click', 'mylayer', function (e) { 
  // show or hide your div
  // feature that was clicked would be e.features[0]
} );

Для части «показать или скрыть свой div» вы можете указать: Как я могу скрыть/показать div при нажатии кнопки?

person Rob Imig    schedule 23.10.2017