Как установить различные варианты в Leaflet openPopup?

1

Я хочу удалить кнопку закрытия во всплывающем окне маркера. Как установить параметр в методе openPopup(). Мой код:

var mymap = L.map('map1').setView([lat, lng], 13);

var OpenStreetMap_Mapnik = L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
    maxZoom: 19,
    attribution: '&copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>'
}).addTo(mymap);

var marker = L.marker([lat, lng]).addTo(mymap);
marker.bindPopup(loc_address);

    marker.on('mouseover', function (e) {       
        this.openPopup();
    });
    marker.on('mouseout', function (e) {
        this.closePopup();
    });
  • 0
    Здравствуй. Вы хотите, чтобы значок x не отображался во всплывающем окне? Это правильно?
  • 0
    Да, правильно, я хочу это скрыть.
Показать ещё 1 комментарий
Теги:
leaflet

2 ответа

1
Лучший ответ

Чтобы скрыть значок x на маркере, вы можете установить для свойства display соответствующего класса значение none. Попробуйте использовать следующий код в файле css:

.leaflet-popup-close-button {
   display: none; 
}

Демо: https://jsfiddle.net/7heb9uqv/

1

Метод .openPopup не ожидает никакой опции.

.bindPopup метода .bindPopup вы можете указать параметры для всплывающего .bindPopup Листовка".

В частности, вас должен заинтересовать опция closeButton:

Управляет присутствием кнопки закрытия во всплывающем окне.

marker.bindPopup(loc_address, {
  closeButton: false
});

Ещё вопросы

Сообщество Overcoder
Наверх
Меню