Как я могу предотвратить перемещение и масштабирование карты при нажатии в LeafletJS? ⇐ CSS

[Anonymous]

У меня есть карта Leaflet JS с событиями кликов на значках, которые отображают всплывающее окно с дополнительной информацией. На живом сайте карта ведет себя странно: нажатие на маркер непроизвольно перемещает карты и всплывающие окна в левый верхний угол, масштабируется, и всплывающее окно не видно.
В codepen ниже, хотя и не почти завершено, карта ведет себя так, как ожидалось (здесь вы также можете проверить код):
https://codepen.io/francofx2/pen/XWYmgyd

Проблема возникает, когда я переношу его на свой работающий сайт:
https://junglapeumayen.cl/el-parque-test-mapa/Я безуспешно возился с CSS, здесь вы можете увидеть часть, которая управляет всплывающими окнами:

Код: Выделить всё

.container {
position: relative;
width: 100%;
}

.map_marker_popup_img {
display: block;
width: 100%;
height: auto;
}

У меня также может быть проблема с JS. Есть идеи?

Подробнее здесь: https://stackoverflow.com/questions/742 ... -leafletjs