Как добавить изображения и несколько ссылок в маркеры / всплывающие окна Leaflet?

Question

Я хочу добавить изображения и несколько ссылок во всплывающее окно , что мне делать и как?

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

markers = [
   {
     "name": "Canada",
     "url": "https://en.wikipedia.org/wiki/Canada",
     "lat": 56.130366,
     "lng": -106.346771
   },
   {
   "name": "Canada",
   "url":"https://en.wikipedia.org/wiki/Anguilla",
   "lat": 56.130369,
     "lng": -106.346779
   }
}

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

Answer 1

Вы можете создать массив, такой как:

 { "name": "Canada", "url": ["https://en.wikipedia.org/wiki/Canada", "https://en.wikipedia.org/wiki/USA"], "lat": 56.130366, "lng": -106.346771 }

, и во всплывающем шаблоне просто циклически массив с forEach, создающий элемент списка для каждого элемента в markers.url.