Exemple de fichier google maps json

(Cette série d'articles a été mise à jour à la mi-2017 avec des informations actuelles et de nouveaux exemples.)

Google Maps, lancé en 2005, est un service de mappage en ligne de premier plan offrant une planification d'itinéraire, des images satellites, un trafic en temps réel, etc. Sa popularité est indéniable, en particulier dans le secteur mobile, se classant comme la meilleure application pour smartphone en 2013 (GlobalWebindex). Le service fournit également une API puissante aux développeurs afin d'intégrer des cartes dans leurs sites Web.

Ce tutoriel montre comment ajouter plusieurs marqueurs à une carte Google à l'aide de données JSON. Ces données, définissant les informations du marqueur, peuvent être stockées dans un fichier ou une base de données, accessible à distance ou localement via une API.

Données de marqueur (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]
    }
  ]
}

Pour les applications de production, une clé API est requise. Voici comment l'inclure:

Intégration de la clé de l'API:

Cet exemple omet la clé API pour la concision, entraînant un avertissement de console. Le code complet est affiché dans un seul fichier html.

html & javascript:

  <title>Dubai Hotels</title>
  
  


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

Reportez-vous à la documentation de l'API Google Maps pour plus de détails sur les classes Map et Marker. Une exploration plus approfondie de la documentation révèlera comment ajouter des animations et des icônes personnalisées. Voir les tutoriels connexes sur la géolocalisation et l'intégration simplifiée de Google Maps pour des techniques plus avancées.

Exemples connexes: Couleurs JSON, YouTube JSON, Twitter JSON, GEOIP JSON, WORDPRESS JSON, DATABASE JSON, LOCAL REST JSON, TEST DATA JSON, JSON Server.

Questions fréquemment posées (FAQ):

Cette section sera omise par la brièveté, car il s'agit d'une répétition des questions et réponses communes de Google Maps JSON en ligne via la documentation officielle et les ressources communautaires.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!