2014-04-01 55 views
2

我在我的應用程序中使用Google Maps API v3。地圖平移控制在IE 10和IE 11上顯示不正確。谷歌地圖平底鍋控制無序IE 11

enter image description here

它在Chrome,Mozilla和IE8,IE9上正常工作。我無法弄清楚解決問題的方法。

#2

,幾乎類似的問題被張貼在這裏:Google Maps zoom control

但不解決方案不是應用程序。當然,這是CSS問題,但我無法解決它。我已經在IE開發人員工具中檢查過任何css類的重寫,但沒有運氣。

有沒有人遇到類似的問題或任何人有任何解決方案嗎?

編輯:基本的地圖也是我的IE版本11無序[在這裏輸入的形象描述] enter image description here]![enter image description here - 阿尼爾

+0

它不會對我有發生[**基本地圖**](https://developers.google.com/maps/documentation/javascript/examples/map-simple),我們需要看你的實現。 –

+0

@ Dr.Molle基本地圖在我的IE 11上無序排列。附上屏幕截圖到我的問題編輯。 – Anil

+3

在問題跟蹤器(針對IE10 ...)中打開[issue](https://code.google.com/p/gmaps-api-issues/issues/detail?id=4563)...) – geocodezip

回答

1

那麼,作爲@geocodezip建議,是在谷歌地圖至今的錯誤! API和最好的解決方案是使用CSS。

使用下面的CSS頁面上:

 
.gmnoprint div[title^="Pan"] 
{ 
     filter:alpha(opacity=0)!important; 
} 

希望這會幫助別人,節省時間。

-Anil

1

我剛添加的造型我的CSS,並修復

.gmnoprint div[title^="Pan"] { 
    opacity: 0 !important; 
} 
+0

這實際上也適用於我,上面沒有。謝謝! –

0

的重要補充,非英語本地化: 您必須在風格上不是「潘」使用,但特定於您的語言環境的文本。例如,對於俄語本地化 - 「Пан」。 將鼠標懸停在平移按鈕上控制並查看彈出提示。在風格上使用它的前3個字母。

0

FWIW - 我發現上面的CSS是不夠的,因爲我們下一個獲得「+」放大/縮小街景。我做了一個小小的修改......關掉除了我們不想隱藏的標題之外的所有標題項目。

.gmnoprint div[title] 
{ 
    opacity: 0 !important; 
} 
.gmnoprint div[title^="Exit Street View"] 
{ 
    opacity: inherit !important; 
} 
0

下旬至我所知道的聚會,但是當我遇到這個問題,我實現來使用谷歌地圖V3我的應用程序,我知道下面的解決方法是類似於已經張貼在這裏,但以防萬一這有助於我知道如何挫敗這些問題可以!

<script> 
     var doc = document.documentElement; 
     doc.setAttribute('data-useragent', navigator.userAgent); 
    </script> 
    <style type="text/css"> 
    html[data-useragent*='Trident/7.0'] div[title^="Zoom"] 
    { 
      opacity: 0 !important; 
    } 
    html[data-useragent*='Trident/7.0'] div[title^="Pan"] 
    { 
      opacity: 0 !important; 
    } 
    </style>