如何在 Leaflet 的标记/弹出窗口中添加图像和多个链接？答案

【问题标题】：How to add images and multiple links in Leaflet's Markers/Popups?如何在 Leaflet 的标记/弹出窗口中添加图像和多个链接？
【发布时间】：2019-06-07 05:39:24
【问题描述】：

我希望在传单弹出窗口中添加图片和多个链接，我应该怎么做？

我已经尝试通过更改 .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
   }
}

我希望弹出窗口在弹出窗口名称下方显示不同的不同链接。

【问题讨论】：

标签： html arrays json leaflet

【解决方案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 中的每个元素创建一个列表元素。

【讨论】：