Une fois votre clé d’authentification récupérée, nous allons voir comment installer google map.

• Pour se faire, vous devez tout d’abord faire l’appel au script javascript avec votre clé d’authentifaication en paramètre.
• Ensuite, créer un div avec un id (ici id=”mapG1″)
• Faire le script d’appel à l’api Google map

code basique de chargement de la google map

Avec le code d’appel ci-dessus, on obtient donc une carte centrée sur Brest avec un zoom de 10 et sans panneau de contrôles:

Pour obtenir une clé google map, vous devez au préalable disposer d’un compte google.

Une fois votre compte créé, vous pourrez alors faire une demande de clé google map. Vous serez invité(e) à accepter les conditions générales d’utilisation puis à saisir l’url du site pour lequel la clé google sera utilisée.

Le code généré par google est à insérer dans l’entête de chaque page de votre site qui utilisera l’api google map:

appel à l'api google map