在 ol-ext (OpenLayers) 的彈出功能中添加圖像

Question

我正在嘗試在https://github.com/Viglino/ol-ext/blob/master/examples/popup/map.popup.feature.html提供的 ol-ext（OpenLayers）的彈出功能中添加圖像

關於如何在彈出窗口下方或其中添加圖像的任何解決方法？ 我已經要求將其作為功能添加到官方存儲庫中。

Answer 1

您正在 HTML 表中顯示數據，因此要顯示圖像，您需要必要的 HTML 來構造圖像 - 在示例的情況下，您可以通過在圖像 src 的 url 中使用其 id 來顯示部門標志。 我使用的來源有大多數（但不是全部）法國部門的標志

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