suchen

Heim >Web-Frontend >js-Tutorial >Beispiel Google Maps JSON -Datei

Beispiel Google Maps JSON -Datei

William Shakespeare
William ShakespeareOriginal
2025-03-09 00:06:12114Durchsuche

Example Google Maps JSON File

(Diese Artikelserie wurde Mitte 2017 mit aktuellen Informationen und neuen Beispielen aktualisiert.)

Google Maps, das 2005 eingeführt wurde, ist ein führender Online-Kartendienst, der Routenplanung, Satellitenbilder, Echtzeitverkehr und vieles mehr bietet. Seine Popularität ist insbesondere im mobilen Sektor unbestreitbar und bewertet 2013 die Top -Smartphone -App (GlobalWebindex). Der Dienst bietet auch eine leistungsstarke API für Entwickler, um Karten in ihre Websites zu integrieren.

Dieses Tutorial zeigt, wie Sie mit JSON -Daten mehrere Marker zu einer Google -Karte hinzufügen. Diese Daten, die Markerinformationen definieren, können in einer Datei oder einer Datenbank gespeichert werden, auf die über eine API remote oder lokal zugegriffen wird.

Markerdaten (JSON): 

{
  "markers": [
    {
      "name": "Rixos The Palm Dubai",
      "position": [25.1212, 55.1535],
    },
    {
      "name": "Shangri-La Hotel",
      "location": [25.2084, 55.2719]
    },
    {
      "name": "Grand Hyatt",
      "location": [25.2285, 55.3273]
    }
  ]
}

Für Produktionsanwendungen ist ein API -Schlüssel erforderlich. Hier erfahren Sie, wie Sie es einfügen:

API -Schlüsselintegration: 



 Dieses Beispiel lässt den API -Schlüssel für die Kürze aus, was zu einer Konsolenwarnung führt.  Der vollständige Code wird in einer einzelnen HTML -Datei angezeigt. 


  html & javaScript:  


<!DOCTYPE html>


  <title>Dubai Hotels</title>
  
  


  <h2>Dubai Hotels</h2>
  <div id="map" style="width:640px; height:480px;"></div>




 finden Sie in der Google Maps -API -Dokumentation für Einzelheiten zu den Klassen Map und Marker.  Weitere Untersuchungen der Dokumentation werden angezeigt, wie Animationen und benutzerdefinierte Symbole hinzugefügt werden.  Siehe verwandte Tutorials zu Geolokalisierung und vereinfachte Integration von Google Maps für fortschrittlichere Techniken. 


  verwandte Beispiele:  Farben JSON, YouTube JSON, Twitter JSON, Geoip JSON, Wordpress JSON, Datenbank JSON, Lokale REST JSON, Testdaten JSON, JSON Server. 


  häufig gestellte Fragen (FAQs):  


 Dieser Abschnitt wird für die Kürze weggelassen, da es sich um eine Wiederholung von gemeinsamen Google Maps JSON -Fragen und -antworten handelt
Das obige ist der detaillierte Inhalt vonBeispiel Google Maps JSON -Datei. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
JavaScript json html for include using map console this database WordPress
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：JQuery Pretty Pie Klicken Sie auf Hover -Menü klickenNächster Artikel：JQuery Pretty Pie Klicken Sie auf Hover -Menü klicken
In Verbindung stehende Artikel
Mehr sehen