在 ol-ext (OpenLayers) 的弹出功能中添加图像

Question

我正在尝试在 https://github.com/Viglino/ol-ext/blob/master/examples/popup/map.popup.feature.html

提供的 ol-ext (OpenLayers) 的弹出功能中添加图像

关于如何在弹出窗口下方或其中添加图像的任何解决方法？我已经要求将其作为功能添加到官方存储库中。

Answer 1

您正在 HTML table 中显示数据，因此要显示图像，您需要必要的 HTML 来构建图像 - 在示例的情况下，您可以显示通过在图像 src 的 url 中使用其 id 来标记部门标志。我使用的来源有大多数（但不是全部）法国部门的标志

      'id': {
        title: 'Flag',  // attribute's title
        before: '<img src="https://www.crwflags.com/fotw/images/f/fr-',
        after: '.gif">'
       }

在 ol-ext (OpenLayers) 的弹出功能中添加图像

Add images in popup feature of ol-ext (OpenLayers)

javascript

image

popup

openlayers