使信息窗口在鼠标悬停时显示，但在信息窗口悬停时不消失

Question

是否可以在悬停在标记上时使信息窗口出现，但也可以将信息窗口悬停并单击？我的问题是，一旦我将鼠标移出标记，信息窗口就会消失，并且无法单击其中的链接。我如何设置它，以便将鼠标悬停在标记和信息窗口上时仍在屏幕上？

这是显示和隐藏信息窗口的代码。

  marker.addListener('mouseover', function() {
    infowindow.open(map, marker);
  });

  marker.addListener('mouseout', function() {
    infowindow.close(map, marker);
  });

这是我正在解释的示例。

https://jsfiddle.net/v8ghoqLr/

Answer 1

您应该将mouseout上的marker.addListener保留为未定义状态，并将mouseout定义为onclick，以便您可以将鼠标悬停并出现，并且模态是交互式的直到他们再次单击页面正文或标记。

它应该看起来像这样：

  marker.addListener('mouseover', function() {
    infowindow.open(map, marker);
  });
  
  marker.addListener('onclick', function() {
    infowindow.close(map, marker);
 });
 
 body.addListener('onclick', function() {
  infowindow.close(map, marker);
 }