Google Maps API-v3 不在 IE8 中居中答案

【问题标题】：Google Maps API-v3 not centering in IE8Google Maps API-v3 不在 IE8 中居中
【发布时间】：2014-12-11 14:09:56
【问题描述】：

网站； http://isca01.bigwavemedia.info/~greatsankey/index.php/contact-us

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

使用以下代码在头部调用插件；

   (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 中，地图不会以正确的中心坐标加载。

这也发生在使用 $(document).ready(loadMap);在 Firefox 中。

我在过去的 4 个小时里一直在尝试解决这个问题，因此我们将不胜感激。

肖恩

【问题讨论】：

似乎在 FF v34.0.5 上运行良好
看看this question，也许有帮助
不幸的是，这没有帮助。

标签： javascript jquery api google-maps internet-explorer

【解决方案1】：

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

尝试在 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); 
});

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

【讨论】：