Wie man eine Karte in einem Web platziert
Angenommen, wir möchten in einem Blog-Beitrag oder auf einer Seite ein Google Maps-Fenster mit einem bestimmten Bereich und einer Markierung in der Mitte mit Details platzieren. Zusätzlich eine Suchmaschine unten.
Am einfachsten ist es, die Karte in Google Maps zu öffnen und die Option "Karte auf eingebettete Weise verknüpfen" zu wählen, mit der Sie einige Parameter anpassen können. Dies ist API-frei und erfolgt über das Formular "iframe".
Die andere Möglichkeit ist die Verwendung der API über einen für AJAX erstellten Assistenten, mit dem Sie den Code mit wenigen Details erstellen können:
1. Parameter definieren
In diesem Fall ist es erforderlich, die Größe des Fensters, das angezeigt werden soll, in Pixel zu definieren. Es wird empfohlen, ein Fenster beizubehalten, das innerhalb der maximalen Veröffentlichungsbreite des Blogs liegt, z. B. 400 Pixel
Dann müssen Sie definieren, wenn Sie einen Ansatz auf der Stadt-, Straßen- oder Blockebene wünschen.
Sie können die erwarteten Details in Marke, Name, URL und Adresse angeben.
Durch Klicken auf die Schaltfläche "Vorschau des Zentrums" können Sie sehen, wie das Fenster angezeigt wird.
2 API-Rechte aktivieren
Als nächstes müssen Sie die Daten des Webs bereitstellen, in denen das Fenster angezeigt werden soll. Dies dient dazu, unsere API-Nummer für diese Website zu autorisieren ... und uns daher für etwaige Verstöße gegen die Google-Nutzungsbedingungen verantwortlich zu machen.
Um eine API zu erwerben, rufen Sie normalerweise diese Website auf und fordern eine für eine bestimmte URL an. Anschließend fordern Sie die Eingabe Ihres Google Mail-Kontos an, und Sie erhalten eine Nummer und einen Beispielcode. Wenn Sie die Google Mail-Sitzung bereits geöffnet haben, ordnet das System das Konto zu.
3. Generieren Sie den Code
Durch Drücken der Schaltfläche "Code generieren" wird das erforderliche HTML erstellt, um es nur in den Blog einzufügen. Dazu muss die Code-Option aktiviert sein, einfügen und fertig sein. Wenn Sie sie auf einer anderen Website einfügen, für die die API autorisiert wurde, wird eine Meldung angezeigt, die sie nicht bestätigt.
Und fertig, es sollte gut aussehen. Gehen Sie zu Wizzard
Da es sich um eine AJAX-basierte API handelt, funktionieren einige der erstellten Skripte in einigen Content-Managern wie Wordpress MU nicht sehr gut, wo die Kontrolle über die Funktionalitäten besteht, aber im Allgemeinen sollte es gut laufen.
