Google Maps API-v3 在 IE8 中不居中

Google Maps API-v3 not centering in IE8

本文关键字：IE8 Maps API-v3 Google      更新时间：2023-09-26

Site;http://isca01.bigwavemedia.info/~greatsankey/index.php/contact-us

JQuery 插件;http://isca01.bigwavemedia.info/~greatsankey/templates/greatsankey/js/development/00_jquery.googlemap.js

插件调用 head，代码如下; 

   (function ( $ ) {
        $(document).ready(loadMap);
        function loadMap() {
            $('#googleMap').googlemap({
                data: [{name:"Great Sankey Leisure Centre",address:"Barrow Hall Lane<br>Great Sankey<br>Warrington<br>WA5 3AA",tel:"01925 724411",url:"",lat:"53.401325",lng:"-2.661248",icon:"http://isca01.bigwavemedia.info/~greatsankey/images/map-icon.png"}],
                center: {lat: 53.401325, lng: -2.661248 },
                zoom: 11
            }); 
        };          
    }( jQuery ));

在 IE8 中，地图将不会加载正确的中心坐标。

在 Firefox 中使用 $（document）.ready（loadMap）; 时也会发生这种情况。

我花了最后 4 个小时试图弄清楚这一点，所以任何帮助将不胜感激。

肖恩

在各种浏览器中居中将谷歌地图居中的问题很常见。建议使用不同的编码技术来实现地图，以使其适用于所有浏览器。这是一种可能对您的情况有所帮助的解决方案。

尝试在 ready（function（）{}） 块中实例化其他函数，而不是从单独的函数调用。下面是一个示例，我使用 GoogleMap 函数创建一个地图实例，然后设置其中心坐标。

$(document).ready(function(){ 
  var map = new GoogleMap(document.getElementById('map')); 
  var Warrington = new GLatLng(53.401325,-2.661248); 
  map.setCenter(Warrington, 8); 
});

你可以试一试！！希望这对:)有所帮助

相关文章：