Leaflet: встраивание Пина (Pinterest) в popup

Изучаю встраивание карт с помощью Leaflet. Столкнулся с проблемой - не могу во всплывающее окошко маркера вставить встраиваемый Pin от Pinterest. С базовыми html тегами, фото и видео (iframe) все при этом работает. Вставка Пина на сайт делается следующим образом:

  1. Нужно поместить код из редактора виджетов в произвольное место.
  2. Импортировать скрипт. Процесс добавление Пина на сайт

Помещенный в произвольное место (вне карты) на этой же странице код работает исправно (Пин встраивается). Но не на карте во всплывающем окне. Надеюсь, кто-то сможет подсказать решение! Спасибо :)

Код вставки карты и маркера:

<div id="map" style="height: 830px; width: 100%"></div>
    <script>
        var map = L.map('map').setView([36.03, 19.42], 3);

        L.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png', {
            maxZoom: 19,
            attribution: '© OpenStreetMap'
        }).addTo(map);
        
        var marker = L.marker([43.537373, -103.504435]).addTo(map)
        .bindPopup('<h1 style="text-align: center">Some Title</h1> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> <a data-pin-do="embedPin" data-pin-lang="ru" href="https://www.pinterest.com/pin/99360735500167749/"></a>');
    </script>

Получается такой результат (встроенного Пина ниже текста нет): Маркер на карте, Пина нет


Ответы (0 шт):