如何使谷歌地图与网站内容交互

Question

我有一张在 Google 地图制作工具中创建的 Google 地图，上面有自定义标记。这张地图嵌入我的网站。

我想做的是将其设置为，当用户单击 Google 地图上的某个“图钉”时，网站上会显示一个 div，该 div 会提供有关该图钉的更多详细信息。当用户单击另一个图钉时，前一个 div 不可见，相关 div 变得可见，该图钉上有更多详细信息等。我知道如何隐藏和显示 div，它只是与谷歌地图的交互，我不完全理解.

我知道这很可能是 JavaScript 的工作，但我希望有人能指出我正确的方向。

这是有问题的网站http://oliwebconz.ipage.com/destinationwaikanae/stay.html

提前非常感谢！
奥利

Answer 1

看看来自 Google 的this documentation page。它向您展示了当您单击地图上的标记时如何执行功能。在该页面周围的页面中，您可以找到更多将侦听器添加到就绪事件、地图点击事件、缩放事件等的示例。