Obtenir une clé de démonstration Maps et l'utiliser avec l'API Maps JavaScript

La clé de démonstration Maps est une fonctionnalité sans frais qui vous permet de commencer à prototyper avec l'API Maps JavaScript sans saisir d'informations de facturation. Validez vos idées et voyez-les en action avant de vous engager avec un compte payant. Cette page explique le fonctionnement de la clé de démonstration Maps, les quotas, les fonctionnalités que vous pouvez utiliser, et comment obtenir et utiliser votre clé.

Remarque : La clé de démonstration Maps est techniquement une clé API qui prend en charge un ensemble limité de fonctionnalités. Elle est destinée uniquement aux tests et au prototypage, et n'est pas conçue pour une utilisation en production. Il est également soumis aux Conditions d'utilisation du projet de démonstration Maps.

Quelles fonctionnalités puis-je utiliser avec la clé de démonstration Maps ?

La clé de démonstration Maps est compatible avec un ensemble limité de fonctionnalités de l'API Maps JavaScript et de l'API Weather. Pour utiliser une API ou une fonctionnalité qui ne figure pas dans la liste ci-dessous, vous devez ajouter un compte de facturation à votre clé de démonstration Maps ou créer une clé API et activer la facturation. Pour en savoir plus, consultez Configurer l'API Maps JavaScript.

Fonctionnalités de l'API Maps JavaScript compatibles

✔ Fonctionnalités disponibles

  • Rendu de carte Chargez des cartes 2D/3D avec des vues satellite et de terrain.
  • Repères et événements Ajoutez des repères et des fenêtres d'informations, et gérez les clics des utilisateurs.
  • Style de carte Appliquez des thèmes personnalisés et des styles JSON à votre carte.
  • Kit UI pour Places Composants prédéfinis pour la recherche et les détails des lieux.
  • Outils de dessin Dessinez des formes et des polylignes pour visualiser les données.

✘ Fonctionnalités non compatibles

  • API Places (nouvelle version) Méthodes de recherche programmatiques telles que searchByText.
  • Routes et navigation Service Directions et API Distance Matrix
  • Address Validation Services de correction d'adresse de haute précision.

En plus des fonctionnalités listées ci-dessus, vous pouvez également utiliser la clé de démonstration Maps avec l'API Weather. Pour en savoir plus, consultez Obtenir une clé de démonstration Maps et l'utiliser avec l'API Weather.

Quotas de la clé de démonstration Maps

La clé de démonstration Maps est soumise à des limites d'utilisation, qui peuvent être modifiées. Si vous atteignez la limite quotidienne, votre utilisation est suspendue jusqu'au lendemain, sans risque de frais.

Utiliser la clé de démonstration Maps

 Étape 1 : Obtenez votre clé de démonstration Maps

Pour générer votre clé, assurez-vous d'être connecté à votre compte Google, puis cliquez sur le bouton Obtenir une clé de démonstration. Une fois que vous avez accepté les conditions d'utilisation de la clé de démonstration Maps, votre clé s'affiche et est immédiatement prête à l'emploi.

Vous recevrez également un e-mail contenant des instructions pour récupérer votre clé dans la console Google Cloud.

 Étape 2 : Utilisez votre clé de démonstration Maps avec l'API Maps JavaScript

La clé de démonstration Maps est techniquement une clé API qui prend en charge un ensemble limité de fonctionnalités. Vous pouvez utiliser votre clé de démonstration Maps à la place d'une clé API standard dans n'importe quelle fonctionnalité de l'API Maps JavaScript ou de l'API Weather. L'exemple suivant montre comment utiliser la clé de démonstration Maps avec une carte de base. Remplacez YOUR_DEMO_KEY par la clé que vous venez de récupérer.

<html>
<head>
  <title>Add a Map using HTML</title>
  <link rel="stylesheet" href="./style.css" />
  <script type="module" src="./index.js"></script>
</head>
<body>
  <gmp-map
    center="38.7946,-106.5348"
    zoom="4"
    map-id="DEMO_MAP_ID"
    style="height: 400px"
  >
  </gmp-map>
  <!--
    The `defer` attribute causes the script to execute after the full HTML
    document has been parsed. -->
  <script
    src="https://maps.googleapis.com/maps/api/js?key=YOUR_DEMO_KEY&libraries=maps"
    defer
  ></script>
</body>
</html>

Étapes suivantes