javascript - 我们可以有插件来显示悬停在地址或 div 上的地图吗？

Question

我的页面中有 6 个地图地址。我想要一个插件或方法，这样当我们将鼠标悬停在地址上时，应该会出现地图，或者应该将地图地址动态更改为悬停的地址......有没有 jquery 插件呢？

Answer 1

此功能未经测试，但您可以使用它。但是，它假定地址格式正确且有效。

1. 创建一个绑定到 HTML div 元素的新谷歌地图元素
2. 使用 Google Geocoding API返回所选地址的经纬度坐标
3. 从 Geocoding API 将地图视图设置为纬度/经度坐标

请注意，必须在页面加载时创建地图元素。它不适用于动态创建以及display:noneCSSvisibility:hidden设置。

最好的办法是在页面上的某处设置一个 div 元素，透明度为 0。将该容器绑定到 Maps API，当捕获到地址悬停事件时，将新位置应用于地图并将透明度设置为 100。