javascript - 是否可以在 OpenLayers 中更改弹出窗口的 HTML？

Question

我正在尝试将“固定”功能集成到我的 OpenLayers 弹出窗口中。现在，当用户单击我放置在弹出窗口中的“pin”图像时，我希望源在pinned.png图像和unpinned.png图像之间切换。

我正在尝试这样做：

var pHtml = marker.feature.data.popupContentHTML;
marker.feature.data.popupContentHTML = pHtml.replace("pinned.png", "unpinned.png");

这似乎改变了 popupContentHTML 变量（因为当我 console.log 它时，“pinned.png”已被替换为“unpinned.png”作为标记），但屏幕上的 HTML 没有改变。

有没有更简单的方法可以做到这一点，或者有没有办法刷新弹出窗口以显示新的 popupContentHTML？

Answer 1

HTML 内容有一个 setter 函数，它还更新弹出窗口的 DOM 元素。它被称为setContentHTML。