谷歌地圖的實現不工作的Safari和Chrome

我實現這個網站的聯繫頁面上的谷歌地圖： http://www.vqt.ch/dev/?lang=fr&page=contact 谷歌地圖的實現不工作的Safari和Chrome

的地圖顯示在頁面的頂部的矩形。一切工作正常在Firefox，但沒有顯示在Safari瀏覽器Chrome的& ......

這裏是我的方式實現它：

<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAA8yt4eBY5BILk0ExOfUVIuxTtIfr4IreHJHupahKP7IIqKlsN7BQG4crqM32UzthNoFP_54xDooNNNQ&amp;sensor=true" type="text/javascript"></script> 

    <script type="text/javascript"> 
    //<![CDATA[ 

     function createMarker(point,text) { 
      var marker = new GMarker(point); 
      GEvent.addListener(marker, "click", function() { marker.openInfoWindowHtml(text); }); 
      return marker; 
     } 
     function load() { 
      if (GBrowserIsCompatible()) { 
       var Lat=46.983707; 
       var Lng=6.904106; 
       var Zoom=13; 
       var TextAffiche="<strong>VQT<\/song><br/>Verre & Quartz Technique SA<br/><br/>Rue de Maillefer 11d<br/>2000 Neuchatel"; 

       var map = new GMap2(document.getElementById("contactMap")); 
        map.setCenter(new GLatLng(Lat,Lng),Zoom); 
        map.addControl(new GLargeMapControl3D()); 
        map.addControl(new GMapTypeControl()); 

       var point = new GLatLng(Lat,Lng); 

       var new_icon = new GIcon() 
        new_icon.image = "http://www.vqt.ch/gmap_marker.png"; 
        new_icon.size = new GSize(50, 32); 
        new_icon.iconAnchor = new GPoint(0,0); 
        new_icon.infoWindowAnchor = new GPoint(0,0); 

        var opt; 
        opt = {}; 
        opt.icon = new_icon; 
        opt.draggable = false; 
        opt.clickable = true; 
        opt.dragCrossMove = false; 

       var marker = new GMarker(point,opt);//createMarker(point,TextAffiche); 
        map.addOverlay(marker); 
        marker.openInfoWindowHtml(TextAffiche) 
      } 
     } 
     $("body").attr("onload", "load()"); 
     $("body").attr("onunload", "GUnload()"); 

    //]]> 
    </script>

，這裏是我的html：

<div class="normalContent"> 
      <div id="contactMap" class="borderedImages"></div> 
     </div>

你知道那裏有什麼問題嗎？我真的不明白爲什麼它在某個地方工作，而不是在其他地方工作...

謝謝你的幫助！

來源

2010-10-20 daviddarx

你能展示你正在使用的div的CSS嗎？你在控制檯中遇到錯誤嗎？確保您的scipt在文檔準備就緒後執行。 – meo 2010-10-20 13:41:42

我只是試圖做一個版本只有地圖，沒有其他的HTML或CSS。問題仍然是一樣的...... http://www.vqt.ch/dev/google_map_debug/（所有內容均可在頁面上查看）可能是這個問題的問題？ $（「body」）。attr（「onload」，「load（）」）; $（「body」）。attr（「onunload」，「GUnload（）」）; 我試圖把所有的JavaScript在，但它只是不工作了... 有人在這裏有一個簡單的實施工作在safari的例子嗎？謝謝你的幫助！ David – daviddarx 2010-10-21 14:05:39

我從一個教程重新啓動，它現在的工作： http://www.vqt.ch/dev/google_map_debug/

的主要區別是負載的功能，這是現在對身體的召喚屬性：

<body onload="load()" onunload="GUnload()">

所以我想問題在這裏... 謝謝你的幫助！

來源

2010-10-22 07:59:48 daviddarx

谷歌地圖的實現不工作的Safari和Chrome

回答

相關問題