css - 带有 CSS "transform:scale"的谷歌地图

Question

下午好

我对谷歌地图和 css“transform:scale”有疑问。 如果 map 悬停，我的目标是将 map 缩放到 1.1。但如果我这样做，我就不能再点击标记了。我试图用 jquery 解决它，但没有成功。 这里有人有解决方案吗？

这是一个 fiddle :JSFIDDLE

我认为首先切换缩放尺寸，然后加载 map ，然后切换到旧尺寸将使它工作，但没有成功。

这是我失败的尝试..

$("#map").hover(function(){
$("#map").width(880).height(617.1).load('/index.html', function () {
initialize();
}).width(800).height(561);  
});

感谢帮助

曼努埃尔·斯特罗迈尔

Answer 1

这个问题很容易解释，但不幸的是我现在没有好的解决方案。

看看:http://take.ms/2E3fV

在图像上，我标记了一个矩形，它显示了一个元素现在的确切位置，它响应谷歌地图标记上的点击操作。很简单，当您使用 CSS 缩放 map 时，每个图像也会缩放，但位置坐标(left, right, top, bottom)不会改变。

理论上你可以检查谷歌地图的代码并以任何方式修复这个位置，但是:

• 这不是通用解决方案(例如不适用于动态 pin)
• 将来可以更改(类名，甚至整个解决方案)
• 与其说是解决方案不如说是 hack