Как открыть изображение в fancybox при нажатии на маркер в листовке JS - PullRequest
Новая
       38

Как открыть изображение в fancybox при нажатии на маркер в листовке JS

0 голосов
/ 21 апреля 2020

Я создаю пользовательскую карту с маркерами в листе JS. Что мне нужно, так это то, что когда я нажимаю на маркер, изображение должно открываться в контейнере fancybox с заголовком данных изображения со всеми кнопками масштабирования и закрытия, которые входят в стандартную комплектацию fancybox.

fancybox может быть запущен через html, когда элемент обернут в тег привязки с именем класса в качестве data-fancybox, вот пример 

       <a href="intro-img1.jpg" data-fancybox data-caption="Gunners of X Battery, Royal 
       Canadian Artillery dig a breech pit in Adinkerke, Belgium, for a captured 155- 
       millimetre gun on Sept. 15, 1944.">

          <h1 id="button" style="color: red; z-index: 100 !important;">Click Me</h1>

      </a>

Мне нужна эта функция с маркером, являющимся якорем.

Я могу создать маркер с этим кодом 

    var marker_2 = L.marker([0, 0]).addTo(map);
    marker_2.bindPopup('<b>Our Heroes!</b>').openPopup();

, который просто открывает всплывающее окно с текстом

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

...