Google Maps funktioniert nicht in einem div
Ich versuche, das Google Maps-API zu verwenden, und das div, das die Karte enthält, funktioniert nur, wenn es sich nicht in einem anderen div befindet. Ich habe einen kleinen Beispielcode mit zwei Karten erstellt, der erste arbeitet der zweite nicht. Wenn ich den Doctype dieses Codeabschnitts entferne, funktionieren beide. Irgendwelche Ideen warum?
%Vor%So sieht es in Firefox und Chrome aus:
3 Antworten
Es funktioniert, wenn Sie die Seite in Firebug untersuchen, sehen Sie, dass die Map erstellt wird. Da Sie jedoch keine CSS-Positionierung für das äußere Teil angewendet haben, wird das von Google Maps erstellte Kartenelement unter dem ersten map_canvas
positioniertSie müssen die Dimensionen für das äußere div positionieren und einstellen, indem Sie dem äußeren div eine Pixelhöhe und Pixelbreite geben ...
BEARBEITEN
anstelle von:
%Vor%versuchen:
%Vor%Sie werden sehen, dass die Karte funktioniert ...
Tags und Links javascript google-maps api