Google Maps API-v3不以IE8为中心

时间:2014-12-11 14:09:57

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

网站; 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中,地图不会加载正确的中心坐标。

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

我花了最后4个小时试图解决这个问题,所以任何帮助都会非常感激。

肖恩

1 个答案:

答案 0 :(得分:0)

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

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

你可以尝试一下!!希望这会有所帮助:)