Question

我正在本网站的联系页面上实施谷歌地图： http://www.vqt.ch/dev/?lang=fr&page=contact

地图显示在页面顶部的矩形中。在Firefox上一切正常，但Safari＆amp;铬...

以下是我实施它的方式：

<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>

你知道那里有什么问题吗？我真的不明白为什么它在某个地方工作而不在其他地方工作......

感谢您的帮助！

Answer 1

我从教程重新开始，它现在正在运行： http://www.vqt.ch/dev/google_map_debug/

主要区别在于加载函数的调用，现在是在body属性上：

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

所以我猜问题就在这里...... 谢谢你的帮助！

Google Map实施无法在Safari和Chrome上运行

1 个答案: