TUTORIEL

Google Maps API – ajout de plusieurs lieux sur une carte à l’aide de custom posts

Dans cet article, nous vous montrerons comment utiliser l’API Google Maps pour afficher une liste de messages personnalisés sous forme de broches sur la carte. Notre tâche consistera à créer une liste de lieux qui seront enregistrés comme type de poste personnalisé en tant que voyage. Chaque voyage aura un caractère spécifique :

  • lieu de voyage (nom familier),
  • state,
  • date,
  • description du voyage,
  • image (sera affichée sur la carte sous forme de point).

En outre, nous aimerions aligner les lieux que nous avons visités et colorier l’espace entre eux. Après avoir cliqué sur un lieu donné, nous afficherons des informations à son sujet.

Sous la carte, nous placerons une liste de voyages, ainsi que les lieux que nous avons visités. Après avoir cliqué sur un lieu donné de la liste – les informations sur ce point seront affichées sur la carte.

Créer une API_KEY pour l’API de Google Maps

Google Maps API est une application très puissante de Google, grâce à laquelle nous pouvons afficher différentes informations sur des cartes de manières très différentes. L’application est située sur Google Cloud Platform avec d’autres applications Google. Malheureusement, depuis un certain temps, la demande est devenue payable.

Actuellement, pour utiliser l’API Google Maps, vous devez créer un compte sur la plateforme Google Cloud. Après avoir créé un compte, nous recevons 300USD à utiliser sur les services Google. Il suffit à nos applications de créer une telle carte. Toutefois, si vous souhaitez créer une telle carte sur votre site web, qui génère beaucoup d’affichages – la limite gratuite sera rapidement utilisée.

Comment générer une clé pour l’API de Google Maps

Après vous être connecté à votre compte Google Cloud Platform, nous créons un projet de n’importe quel nom. Nous nommerons notre projet – Travels API. Après avoir créé le projet, nous entrons dans le menu de navigation et sélectionnons APIs and services &gt ; Library..

À la bibliothèque, nous sélectionnons les demandes nécessaires :

  • Cartes Javascript API
  • Places API.

google-maps-api-jak-stworzyc-klucz

Nous activons les deux applications et procédons à la création d’une clé.

Retournez à nouveau au panneau principal Interfaces API et services et allez à Données de connexion. Cliquez sur Create Login Details et sélectionnez Application interface key.

Il nous redirigera vers l’écran d’acceptation de OAuth. Nous donnons un nom à l’application et sélectionnons Type d’utilisateurs Externe.

google-maps-api-jak-stworzyc-klucz-api

Prêts ! Nous avons notre clé, nous