Question

您好我有一个网站使用Google Maps API v3作为会员位置。

但是使用Internet Explorer我有几个问题：

1 .- 当网站加载javascript时会抛出错误（仅限IE）：_

Message: Invalid property value.
Line: 33
Char: 212
Code: 0
URI: http://maps.gstatic.com/cat_js/intl/en_gb/mapfiles/api-3/4/7/%7Bmain,geometry%7D.js

这是我正在加载的JS：的 http://maps.google.com/maps/api/js?libraries=geometry&sensor=true

这是该文件的最后一部分（导致问题的部分）：

[...]
var loadScriptTime = (new Date).getTime();
getScript("http://maps.gstatic.com/cat_js/intl/en_gb/mapfiles/api-3/4/7/%7Bmain,geometry%7D.js");
})();

2 .- 地图加载并显示正确的位置，但它没有显示任何控件，也无法与地图交互（这可能是因为第一个错误）

有人知道如何解决这个问题吗？

谢谢！

编辑--------------------------

以下是我用来加载地图的功能：

function initialize() {

    london = new google.maps.LatLng(51.5, 0);
    uk = new google.maps.LatLng(55.7, -4 );

    var myOptions = {
        backgroundColor: '#FFFFF',
        zoom: 12,
        navigationControl: true,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };

    var map_canvas = document.getElementById("map_canvas");

    map = new google.maps.Map(map_canvas, myOptions);


    google.maps.event.addListener(map, 'mouseover', function(event) {
        $(map_canvas).ancestors()[0].addClassName("bigGMap");
    });

    google.maps.event.addListener(map, 'mouseout', function(event) {
        $(map_canvas).ancestors()[0].removeClassName("bigGMap");
    });


    google.maps.event.addListenerOnce(map, 'click', function(event) {
        placeMarker(event.latLng);
    });

    getMyLocation();


}

function getMyLocation()
{
    // Try W3C Geolocation (Preferred)
    if(navigator.geolocation) {
        browserSupportFlag = true;
        navigator.geolocation.getCurrentPosition(function(position) {
          initialLocation = new google.maps.LatLng(position.coords.latitude,position.coords.longitude);
          map.setCenter(initialLocation);
        }, function() {
          handleNoGeolocation(browserSupportFlag);
        });
        // Try Google Gears Geolocation
    } else if (google.gears) {
        browserSupportFlag = true;
        var geo = google.gears.factory.create('beta.geolocation');
        geo.getCurrentPosition(function(position) {
          initialLocation = new google.maps.LatLng(position.latitude,position.longitude);
          map.setCenter(initialLocation);
        }, function() {
          handleNoGeoLocation(browserSupportFlag);
        });
        // Browser doesn't support Geolocation
    } else
    {
        browserSupportFlag = false;
        handleNoGeolocation(browserSupportFlag);
    }

}

function handleNoGeolocation(errorFlag) {
    map.setZoom(6),
    map.setCenter(uk);
    map.setMapTypeId(google.maps.MapTypeId.ROADMAP);
}


function loadMapScript() {
  var map_api = document.createElement("script");
  var gears = document.createElement("script");

  map_api.type = "text/javascript";
  map_api.src = "http://maps.google.com/maps/api/js?libraries=geometry&sensor=true&callback=initialize";

  gears.type = "text/javascript";
  gears.src = "http://code.google.com/apis/gears/gears_init.js";

  document.body.appendChild(map_api);
  document.body.appendChild(gears);
}

Answer 1

好的，我终于找到了问题。它位于初始化功能

中

function initialize() {

    london = new google.maps.LatLng(51.5, 0);
    uk = new google.maps.LatLng(55.7, -4 );


    var myOptions = {
        backgroundColor: '#FFFFFF ',
        zoom: 12,
        navigationControl: true,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    [...]

在backgroundColor中我有 5 F''#FFFFF'而不是 6 '#FFFFFF'。就这样。对不起该帖子。但是我希望它可以帮助别人在这个问题上不浪费太多时间。

IE上的Google Maps API v3问题

1 个答案: