Как я могу предотвратить закрытие всплывающего окна Leaflet

У меня есть всплывающие окна Leaflet, привязанные к маркерам. Моя проблема в том, что когда вы нажимаете на маркер, его собственное всплывающее окно закрывается, и я хочу, чтобы они всегда оставались открытыми в любое время.

Чтобы быть конкретным, я знаю, что могу использовать опцию autoClose, чтобы предотвратить закрытие всплывающего окна при нажатии другого маркера, я говорю о предотвращении закрытия всплывающего окна при нажатии на маркер, к которому привязан.

Я читал документацию Leaflet, и мне кажется, что всплывающего окна нет, чтобы предотвратить это.

Может быть какой-то плагин для добавления параметров во всплывающие окна, но я его не нашел ..

Может быть, я мог бы создать свой собственный класс всплывающего окна и предотвратить его закрытие? Но я действительно не знаю, как это сделать.

Спасибо.

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
4
0
484
1

Ответы 1

Вы пробовали установить как closeOnClick, так и autoClose на false? Можете ли вы запустить здесь фрагмент, чтобы проверить, хотите ли вы этого?

var map = L.map('map').setView([38, -8], 7)

L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png').addTo(map);

for (let i=0; i<10; i++) {
  const popup = L.popup({
    closeOnClick: false,
    autoClose: false
  }).setContent("popup " + i);
  
  L.marker([
    getRandom(37, 39), 
    getRandom(-9.5, -6.5)
  ]).addTo(map).bindPopup(popup);
}

function getRandom(min, max) {
  return Math.random() * (max - min) + min;
}
#map {height: 200px}
<link rel = "stylesheet" href = "https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.7.1/leaflet.css" />
<script src = "https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.7.1/leaflet.js"></script>
<div id = "map"></div>

Другие вопросы по теме