Beispiel Google Maps JSON -Datei

(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:

  <title>Dubai Hotels</title>
  
  


  <h2 id="Dubai-Hotels">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!