我们可以在地址或div上悬停显示地图吗？

Question

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

Answer 1

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

1. 创建绑定到HTML div元素的新的Google Map元素
2. 使用Google Geocoding API返回所选地址的纬度/经度坐标
3. 将地图视图设置为地理编码API
中的纬度/经度坐标

请注意，必须在页面加载时创建map元素。它不适用于动态创建，以及display:none或visibility:hidden CSS设置。

您最好的选择是在页面的某处设置div元素，不透明度为0.将该容器绑定到Maps API，并在捕获地址悬停事件时，将新位置应用于地图并将不透明度设置为100