2010-04-28 69 views
3

工作,我們有一個簡單的谷歌地圖應用程序的流量最多的:http://www.avonandsomerset.police.uk/newsroom/traffic/谷歌地圖:簡單的應用程序無法在IE

出於某種原因,它最近停止在IE工作正常。在這個時間點是使用API​​的V2,所以我剛剛升級爲使用V3 - 但它仍然不會在IE瀏覽器。

在Chrome & 火狐工作正常。但在IE瀏覽器的所有版本中,我已經厭倦了(6,7,8)Google Map無法完全加載。

問題
的谷歌地圖DIV通常會加載所有的控制(變焦,搭載谷歌,地圖類型),但實際的地圖圖塊不會出現在IE瀏覽器。我可以看到DIV>

我已經試過
我評論下來的JavaScript代碼的網頁上,只是下面的灰色背景,但它仍然有同樣的問題:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> 

<script type="text/javascript" > 

    var map; 

    $(document).ready(function() { 
     initialize(); // Set-up Google map   
    }); 

    function initialize() { 
     var options = { 
      zoom: 9, 
      center: new google.maps.LatLng(51.335759, -2.870178), 
      mapTypeId: google.maps.MapTypeId.ROADMAP 
     }; 
     map = new google.maps.Map(document.getElementById("googleMap"), options); 
    } 

</script> 
+1

OOOOH!我曾經遇到過這個問題!試圖記住我如何修復它... – GlenCrawford 2010-04-28 11:53:32

+0

在谷歌工作的例子從你的IE? http://code.google.com/apis/maps/documentation/v3/examples/index.html – 2010-04-28 12:26:25

+0

是的,Google地圖示例可以發揮作用。這很奇怪,因爲上面的代碼最初來自一個例子。似乎網頁上的其他內容正在干擾? – 2010-04-28 12:58:41

回答

1

我終於追蹤的問題了。

原來有人在我們的母版頁中包含了sleight.js script()。

此JavaScript旨在獲得在IE5.5 +中工作的PNG透明度,但是一個影響就是阻止Google Maps工作。

1

我在這裏完全從內存中,但嘗試插入var就在您使地圖對象變大並刪除頂部的var map之前。所以:

var map = new google.maps.Map... 

我可以自信地說,問題是與IE和全局/局部變量,即你的地圖變量。

+0

我按照你的建議試過了,註釋掉了全局的'var map',並在'initialize()函數裏面定義了'var map' - 但是地圖仍然沒有正確加載 – 2010-04-28 12:57:34

0

我不知道,但它可能是在功能上提升一個跨瀏覽器的差異。嘗試在文檔就緒塊之前聲明您的初始化函數。

+0

沒有骰子我很害怕 – 2010-04-28 13:01:27

相關問題