街景控制在Chrome

我試圖找出爲什麼街景控件沒有出現在Chrome瀏覽器時，街景以編程方式打開，但是當使用衣夾顯示街景他們似乎沒有看到...街景控制在Chrome

這裏是地圖： http://beta.findtoilet.dk/?term=2&lat=55.678937&lng=12.575738&zoom=15&maptype=roadmap

拖動pegman顯示StreetView，它的作品完美。您可以看到右上角的關閉按鈕，縮放和指南針控件以及左下方和右下方的Google鏈接。

現在通過單擊標記或側邊欄項目打開infowindow。 infowindow包含一個鏈接，用於打開該標記的StreetView - 單擊該鏈接。 StreetView顯示，但沒有任何控件可見，也沒有兩個底部的Google鏈接。但是，如果您將鼠標懸停在要顯示控件的位置，則鼠標點擊就像控件可見一樣。如果您將鼠標懸停在右上角，直到它變成指向手，然後單擊縮放控件的位置，則StreetView將放大或縮小，同時縮放時可以看到所有不可見的控件。

一切工作正常與Firefox和IE9。我在64位Windows 7電腦上使用所有瀏覽器的最新版本，另一個人在32位Windows XP上報告了同樣的問題。

我試過使用Chrome開發者工具，但沒有看到任何會導致控件不可見的東西。

這用於在Chrome中正常工作，因此我不確定問題是否與Chrome更新或Google地圖API中的更改有關 - 最近未對地圖javascript做任何更改。

任何人都可以提出什麼可能是錯的？

謝謝。

Martin。

來源

2012-10-04 Martin Pearman

這適用於我（鉻22.0.1229.79運行WIN XP專業版） - 不錯的應用程序;-) – Overnuts

該問題似乎與-webkit-transform:scale(1)，您應用於#toiletMap div[style]。

刪除此，它解決了這個問題..

或者，您可以添加translateZ(0)來解決這個問題。

-webkit-transform:scale(1) translateZ(0);

更新

它必須與

來源

2012-10-04 10:55:14

這絕對是似乎是問題。不幸的是，這是Google Maps API應用的一種風格，因此不易修復。任何我添加到網頁樣式作爲嘗試修復它被Google Maps API樣式覆蓋... –

正常情況下，像'html body #toiletMap div [style] { - webkit-transform：scale（1）translateZ（0）;}'這樣的規則應該覆蓋來自Google地圖的規則。（*因爲它具有更高的特異性*） –

太棒了它是固定的： html body #toiletMap div [style] { \t -webkit-transform：scale（1）translateZ（0）！important; } Needed！重要的添加，因爲谷歌的stye也使用！重要 - 沒有這個我的固定風格沒有應用。非常感謝。 –

街景控制在Chrome

回答

相關問題