Wie kann Google Maps ohne Schlüssel verwendet werden? (von statisch zu dynamisch mit URL)

8

Ich habe gesehen, dass viele Benutzer diese Frage gestellt haben, aber tatsächlich gibt es immer noch keine Antworten mit Beispielen, wie man Google Maps ohne Schlüssel verwenden kann (alle Antworten sind Verweise auf andere Webseiten).

Ich habe es geschafft, Google Maps ohne den Schlüssel zu verwenden, aber ich habe nur eine statische Karte erhalten. Hast du eine Idee, wie diese Dynamik funktioniert?

%Vor%

Auch wenn Sie einfach auf diesen Link klicken, können Sie die Karte sehen, und wenn Sie die "URL-Eigenschaften" ändern, können Sie die Karte "bearbeiten": Ссылка

Wenn ich "dynamische Karte" sage, meine ich etwas wie folgt: Ссылка

    
gal007 08.08.2013, 15:52
quelle

5 Antworten

13

Wie @geocodezip sagte, suchen Sie nach Google Maps Javascript v3 .

Hier ist ein einfaches Beispiel für die Verwendung (ausgewählt aus meiner alten Antwort ), dies benötigt keine Schlüssel.

HTML:

%Vor%

CSS:

%Vor%

Javascript:

%Vor%

Ich habe eine einfache Geige als Referenz erstellt.

Ich hoffe, Sie haben eine Idee.

Da Sie keine Schlüssel verwenden möchten, Vorsicht vor den Beschränkungen .

Google Maps-JavaScript-API: für bis zu 25.000 Kartenaufrufe pro Tag    Service.

Dies beinhaltet:

  1. Eine Karte wird bei Verwendung der Google Maps-JavaScript-API (V2 oder V3) angezeigt geladen von einer Webseite oder Anwendung;
  2. Ein Street View-Panorama wird mit der Google Maps JavaScript-API (V2 oder V3) von einer Webseite oder Anwendung, die nicht auch a Karte;
  3. Eine SWF-Datei, die das Google Maps API für Flash lädt, wird von einer Webseite oder geladen Anwendung; oder
  4. Eine einzige Anfrage wird für ein Kartenbild von der Static Maps-API gestellt.
  5. Eine einzelne Anfrage wird für ein Panoramabild von der Street View gemacht Bild-API.

Aus Ihren Kommentaren,

Ich habe es auch mit canvas versucht, es hat nicht funktioniert.

%Vor%

Aber das funktioniert gut mit div element.

%Vor%

JSFiddle aktualisiert

Vergessen Sie nicht, die Eigenschaften width und height festzulegen.

    
Praveen 08.08.2013, 16:17
quelle
9

Das hat für mich funktioniert. Ich habe es auf localhost versucht. Verschiedene andere Lösungen im Stackoverflow haben nicht geholfen.

%Vor%

Auf diese Weise können wir Karten basierend auf der Adresse, die wir im Backend eingegeben haben, dynamisch generieren.

    
user46487 10.07.2014 09:21
quelle
3

Ich gebe ein Beispiel für Plocker

Zypern

und der Code

%Vor%     
ackuser 16.04.2015 09:01
quelle
0

versuchen Sie es von Android-Handy

%Vor%

füge dies deinem Ankerlink hinzu

    
Yene Mulatu 03.02.2014 17:14
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Pythonflasche jinja Bilddatei nicht gefunden