Insérer une "Google" Map dans une page Web
/ 0
- Détails
- Mis à jour le 21 mai 2012
- Affichages : 531
Il est parfois necessaire d'insérer une carte statique dans un article. La solution de la "hardcopie" d'écran est pratique mais il est préférable d'insérer la carte d'origine, celle qui restera à jour quell que soient les évènements. La procédure est finalement très simple. Google, dans son API, a prévu de proposer ce service gratuitement sans avoir à s'enregistrer auprès de ses services. Deux contraintes : connaitre un minimum du language HTML et savoir faire un copier-coller.
Les étapes sont décrites ci-dessous.
- Insérer à l'endroit où l'on souhaite la ligne ci-dessous en remplacant la balise {CITE} par le lieu à positionner au centre de la carte et en remplacant la balise {ZOOM} par le niveau de zoom que l'on souhaite obtenir. La balise {TYPEMAP} permet de choisir le type de carte. Remplacer celle-ci par roadmap, satellite, hybrid, ou terrain selon votre besoin.
<object id="map" width="320" height="200" scrolling="no" marginheight="0" marginwidth="0" data="https://maps.googleapis.com/maps/api/staticmap?center={CITE}&zoom={ZOOM}&size=320x200&sensor=false&maptype={typemap}" type="text/html"> </object>
La carte ci-dessus a été crée avec les paramètres {CITE}=Brest, {ZOOM}=12 et {TYPEMAP}=hybrid.
Références
1. Google Developers, https://developers.google.com/maps/documentation/staticmaps/#URL_Parameters
