Google Karte wird nicht angezeigt

8

Ich befolge das Einführungsprogramm für Google Maps, aber aus irgendeinem Grund Die Karte erscheint nicht auf meiner Webseite. Das relevante HTML / CSS / JS ist:

%Vor%

Die Karte erscheint nicht innerhalb des map_canvas div.

Aktualisieren

Ich habe die Seite geändert, sodass sie JQuery nicht zum Laden der Karte verwendet. Es verwendet jetzt genau das selbe JS wie im Tutorial, aber die Map wird immer noch nicht angezeigt.

    
Dónal 05.10.2011, 22:34
quelle

6 Antworten

14

Es gibt 3 Probleme mit Ihrem Code:

(1) füge die folgenden Zeilen vor <script type="text/javascript">function initialize() {

hinzu %Vor%

Dies ist in der Post Ihrer Antwort, aber es ist nicht in Ihrer Datei Ссылка .

(2) Sie müssen initalize() aufrufen (wiederum: es ist in Ihrem Beitrag, aber nicht im Code):

%Vor%

(3) Legen Sie die Größe der Zeichenfläche fest, um die Karte anzuzeigen (wiederum: Sie befindet sich in Ihrem Post, aber nicht im Code). Danach kannst du die Größe beliebig ändern.

%Vor%

Sie können die Website auf jsfiddle sehen.

    
Jiri 06.10.2011, 20:52
quelle
0

Ihr Problem ist, dass Sie sich auf die jQuery-Syntax beziehen, aber Sie haben die jQuery-Bibliothek nicht in Ihre Seite aufgenommen. Ich bekomme die JS-Fehler:

%Vor%

Der zweite ist der Mörder hier.

    
duncan 06.10.2011 06:40
quelle
0

Sie sollten nicht vergessen, Dokumenttyp zu verwenden und initialisieren () JavaScript-Funktion auf das Tag, dass Sie Ihre Karte platzieren und vergessen Sie nicht setzen Höhe: und Breite: zu Ihrem Stylesheet und ich werde arbeiten. Wenn Sie Höhe und Breite nicht eingestellt haben, wird

nicht angezeigt %Vor%     
hengsopheak 02.09.2014 06:18
quelle
0

Nach unzähligen Grabungen und Tonnen von Posts (die unnötigerweise zu kompliziert waren), habe ich festgestellt, dass, wenn ich nur die Höhen- und Breitenstile INLINE hinzufüge, die Karte geladen wurde. Ich könnte die Höhe und Breite des Kartenelements nicht in der Kopfzeile oder in einem externen Stylesheet festlegen - die Karte wird verschwinden. Alles andere habe ich aus der aktuellen (??) google maps api docs übernommen:

Einfach so:

%Vor%     
user2305363 07.01.2017 16:48
quelle
-1

Sie müssen initialize als Funktion verwenden, also ändern Sie Ihren Code wie folgt:

$(function() {

An;

function initialize() {

<body>

An:

<body onload="initialize()" >

Und: });

An: }

Was ergeben sollte:

%Vor%     
A.M.K 05.10.2011 23:34
quelle
-2

Ich hatte das gleiche Problem. Dieses bisschen Code:

%Vor%

.. hat mir geholfen - ich habe den Stil Breite / Höhe in das Markup eingefügt und es hat funktioniert.

    
Der 30.11.2012 21:15
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Wie kann ich MSBuild dazu bringen, alle als Inhalt markierten Dateien in einen Ordner zu kopieren, wobei die Ordnerstruktur erhalten bleibt?