Google maps 谷歌地图实现不适用于Safari和Chrome_Google Maps_Google Chrome_Safari_Implementation

Google maps 谷歌地图实现不适用于Safari和Chrome

google-maps google-chrome safari

Google maps 谷歌地图实现不适用于Safari和Chrome,google-maps,google-chrome,safari,implementation,Google Maps,Google Chrome,Safari,Implementation,我正在本网站的联系人页面上实现谷歌地图：地图显示在页面顶部的矩形中。Firefox上一切正常，但Safari和Chrome上没有显示任何内容以下是我实现它的方法： <script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAA8yt4eBY5BILk0ExOfUVIuxTtIfr4IreHJHupahKP7IIqKlsN7BQG4crqM32UzthNoFP_54xDooNNNQ&a

我正在本网站的联系人页面上实现谷歌地图：

地图显示在页面顶部的矩形中。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>

你知道那里出了什么问题吗？我真的不明白为什么它在某个地方起作用而在另一个地方不起作用

谢谢你的帮助

我从一个教程中重新启动，它现在可以工作了：

主要区别在于调用load函数，该函数现在位于body属性上：

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

所以我想问题就在这里。。。谢谢你的帮助

您可以显示您正在使用的div的CSS吗？在控制台中是否有错误？确保您的scipt已在文档准备就绪的情况下执行。我只是尝试创建一个仅使用地图的版本，而不使用其他html或css。问题仍然是一样的。。。（所有内容都可以在页面源上查看）此呼叫可能有问题吗$（“body”）.attr（“onload”、“load（）”）$（“body”）.attr（“onunload”、“GUnload（）”）；我试着把所有的javascript都放进去，但它就是不工作了。。。这里有没有人有一个简单实现safari的例子？谢谢你的帮助！大卫