Shortcode Google Maps

Ajoutez un point sur une carte GMAP.


Comment afficher un point sur une carte gmap ?

Tout simplement en utilisant l’API GMAP en lui indiquant les coordonnées géographique du lieu qu’on veut renseigner sur la carte. Dans notre exemple j’ai choisi la Tour Eiffel, un lieu connu dans le monde.

Il y a une partie dans la balise <head></head> et l’autre dans le <body></body> mais nous allons commencer par le début avec <head>

Indiquez les coordonnées gps de la Tour Eiffel en changeant cette ligne (ligne 9).

Pour être plus précis sur la carte, nous allons changer le zoom (ligne 13).

Dans la bulle qui s’ouvre quand vous cliquez sur le point, vous pouvez afficher des informations (ligne19).

Maintenant nous plaçons le code dans la balise <body> et dans un <div>.

Et voici le résultat

carte gmap

Il existe toujours un plugin WordPress pour afficher le même résultat mais c’est aussi intéressant de comprendre comment ça marche. En même temps si votre thème WordPress ne vous le propose pas toujours, raison de plus à reprendre ce code source.

Démo
Trouver ces coordonnées GPS

Commentaires