谷歌地图实施不适用于 Safari 和 Chrome答案

【问题标题】：Google Map implementation not working on Safari and Chrome谷歌地图实施不适用于 Safari 和 Chrome
【发布时间】：2011-04-27 22:20:19
【问题描述】：

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

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

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

感谢您的帮助！

【问题讨论】：

你能显示你正在使用的 div 的 CSS 吗？您是否在控制台中遇到了一些错误？确保您的 scipt 在文档就绪时执行。
我只是尝试制作一个只有地图的版本，没有其他 html 或 css。问题还是一样...vqt.ch/dev/google_map_debug（一切都可以在页面源代码上查看）可能是这个电话的问题吗？ $("body").attr("onload", "load()"); $("body").attr("onunload", "GUnload()");我试图将所有 javascript 放在中，但它不再工作了......这里有人有一个在 safari 上工作的简单实现的例子吗？谢谢您的帮助！大卫

标签： google-maps google-chrome safari implementation

【解决方案1】：

我从教程重新开始，它现在可以工作了： http://www.vqt.ch/dev/google_map_debug/

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

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

所以我猜问题出在这里...... 感谢您的帮助！

【讨论】：