如何从其标记更新弹出内容？

我这样做是用Leaflet创建了一个弹出窗口：

marker.bindPopup(content).openPopup();

之后如何更新content值？

我想从标记中执行此操作，如下所示：

marker.updatePopup(newContent);

我想您希望在发生某些事件（例如，鼠标悬停，上下文菜单或其他任何事件）后更改内容。

为此，您可以使用以下代码：

//marker creation
var marker = L.marker([44.63, 22.65]).bindPopup('something').addTo(map);
marker.openPopup();

//changing the content on mouseover
marker.on('mouseover', function(){
    marker._popup.setContent('something else')
});

如您所见，您可以使用marker._popup方法访问所需标记的弹出窗口，然后使用setContent方法更改其中的文本。

popup.setContent方法参考

这是在Plunker上演示此代码的一些代码：http ://plnkr.co/edit/vjS495QPXiJpKalrNpvo?p=preview

_popup它前面有一个下划线，表示它是一个私有/成员实例，不应直接访问。正确的API是Layer.setPopupContent（）。例如 marker.setPopupContent(newContent);

可能迟到了，但对于其他人，我认为最好的方法就在这里

http://jsfiddle.net/cPTQF/

$('button').click(function() {
   // Update the contents of the popup
   $(popup._contentNode).html('The new content is much longer so the popup should update how it looks.');

   // Calling _updateLayout to the popup resizes to the new content
   popup._updateLayout();

   // Calling _updatePosition so the popup is centered.
   popup._updatePosition();
   return false;
});

您可以通过以下方式获取弹出内容：

marker.getPopup().getContent();

设置内容：

marker.getPopup().setContent("123");
marker.getPopup().update();