如何在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中的每个元素创建一个列表元素。