SCRIPT5007: Kann den Wert der Eigenschaft "offsetWidth" nicht abrufen:

Question

Ich bekomme diesen Fehler in ie9 und bin am Verzweifeln. Grundsätzlich lädt das "map-canvas" div nicht.

Dies ist der vollständige Fehler, den ich bekomme:

SCRIPT5007: Der Wert der Eigenschaft 'offsetWidth' kann nicht abgerufen werden: Das Objekt ist null oder undefiniert main.js, Zeile 29, Zeichen 1104

Jede Hilfe wäre sehr geschätzt!!

Hier ist mein Code:

Google Map Demo 

    var tableid1 = 4338356;         //Fusion Tabellen-ID
    var mylatlng = new google.maps.LatLng(49.66685, -124.91038); //Kartenmitte - Courtenay/Comox  

        function initialize() {

            var myOptions = { 
                            scaleControl: true,   
                            overviewMapControl: true,
                            mapTypeControl: true,    
                            mapTypeControlOptions: {      
                                style: google.maps.MapTypeControlStyle.DEFAULT    
                                },  
                             zoom: 14,
                             center: mylatlng,       
                             mapTypeId: google.maps.MapTypeId.TERRAIN    
                            }; 

            var map = new google.maps.Map(document.getElementById('map-canvas'), myOptions);                        

            var layer1 = new google.maps.FusionTablesLayer({
                query: {
                        select: "'geometry'",
                        from: tableid1
                        },
                map: map
            });
        };

        function changeMapl() {
            var searchString = document.getElementById('search-string-l').value.replace(/'/g, "\\'");
            layerl.setOptions({
                query: {
                        select: "'geometry'",
                        from: tableid1,
                        where: "'Name' = '" + searchString + "'"
                        }
            });
        };

     google.maps.event.addDomListener(window, 'load', initialize());

        Comox Valley Wanderwege

        sidebar1 Inhalt

        Wanderwege

                --Auswählen--
                MacDonald Wood Park
                Goose Spit
                Mack Laing Park
                Filberg Rd to Goose Spit

    Fußzeile

Answer 1

Dies ist der Fehler, den ich in IE8 bekomme:

Webseitenfehlerdetails

Nachricht: 'null' ist null oder kein Objekt Zeile: 29 Zeichen: 1104 Code: 0 URI: http://maps.gstatic.com/intl/en_us/mapfiles/api-3/9/7a/main.js

Sie haben mehrere Probleme:

1. google.maps.event.addDomListener(window, 'load', initialize()); ist nicht korrekt, Sie müssen es ändern zu google.maps.event.addDomListener(window, 'load', initialize); auf diese Weise (mit den Klammern) wird es vor der Definition des Karten-Divs ausgeführt, was zu dem oben genannten Fehler führt.

2. in ChangeMap1 layerl (layer gefolgt von einem kleinen "L") ist nicht das Gleiche wie layer1 (layer gefolgt von der Zahl eins).

3. In dem von Ihnen geposteten Code hat das map-canvas-Div keine Größe (das gilt möglicherweise nicht für Ihre Version)

Link zur funktionierenden Version