Question

Google Maps JS API v3使用InfoWindow，当用户点击地图上的标记时，会显示go get。当用户将鼠标悬停在GMap对象上的标记或其他对象上时，我希望信息显示在鼠标箭头旁边的框中。

最后，我希望它看起来像this example。单击底部的城市并将鼠标悬停在多边形上。您会看到一个信息框出现在您的鼠标所在的位置。 GMaps API是否内置了这样的东西？我是否需要编写自定义函数？或者是否有人制作了一个JS库来执行我要求的工作？

如果Google Maps API有专门的论坛或Google小组发布此问题，我会在那里发布。 But Google's own documentation states that support questions should go to Stack Overflow

Answer 1

看看this JSBin。您可以单击地图以创建标记。将鼠标悬停在标记上时，会打开一个信息窗口。将光标移离标记时，信息窗口将关闭。

添加此功能的代码的主要部分是setMarkerListeners功能。它的身体是：

marker.addListener('mouseover', function() {
  infoWindow.setContent(marker.position.toString()); // Set desired info window content
  infoWindow.open(map, marker);
});
marker.addListener('mouseout', function() {
  infoWindow.close();
});

我相信代码非常明显。

至于自定义信息窗口，Google Docs说“InfoWindow类不提供自定义”。

然而，看起来在网上有一些资源来处理这个问题。请查看snazzy-info-window plugin或this CodePen。希望那些帮助。：）

将鼠标悬停在地图上时，我需要使用什么功能或JS库来显示信息框？

1 个答案: