我正在尝试弄清楚为什么StreetView控件在以编程方式打开时不会出现在Chrome浏览器中,但是当使用街景小人显示StreetView时它们会出现...
这是地图: http://beta.findtoilet.dk/?term=2&lat=55.678937&lng=12.575738&zoom=15&maptype=roadmap
将pegman拖动以显示StreetView,它完美无缺。 您可以看到右上角的关闭按钮,缩放和指南针控件以及左下角和右下角的Google链接。
现在点击标记或侧边栏项目打开信息窗口。 infowindow包含一个用于打开该标记的StreetView的链接 - 单击该链接。 StreetView显示但没有任何控件可见,两个谷歌底部链接也不可见。 然而,如果将鼠标悬停在显示控件的位置,鼠标单击就像控件可见一样。 如果您将鼠标悬停在右上方,直到它变成指向手并单击缩放控制所在的位置,StreetView将放大或缩小,在缩放时您可以看到所有不可见的控件。
Firefox和IE9一切正常。 我在64位Windows 7上使用了所有浏览器的最新版本,另一个人在32位Windows XP上报告了同样的问题。
我尝试使用Chrome开发者工具但看不到会导致控件无法显示的内容。
这在Chrome中运行良好,因此我不确定问题是否与Chrome更新或Google Maps API中的更改有关 - 最近没有对地图javascript进行任何更改。
任何人都可以建议可能出错的地方吗?
感谢。
马丁。
答案 0 :(得分:0)
问题似乎与-webkit-transform:scale(1)
适用于#toiletMap div[style]
。
删除它,它解决了问题..
或者,您可以添加translateZ(0)
来解决问题。
-webkit-transform:scale(1) translateZ(0);
<强>更新强>
必须与
相关