map

Cartographie et webdesign

Google Maps

Inté­grer sim­ple­ment une carte Google dans une page HTML

Inté­grer une carte en pleine page

apercuTélé­char­ger le code

Démo

Ajou­ter un marqueur

apercuTélé­char­ger le code

Démo

Expli­ca­tion détaillée

Ajou­ter plu­sieurs marqueurs

apercuTélé­char­ger le code

Démo

Per­son­na­li­ser les icônes des marqueurs

apercuTélé­char­ger le code

Démo

Ajou­ter une info­bulle cliquable

apercuTélé­char­ger le code

Démo

Ajou­ter plu­sieurs mar­queurs per­son­na­li­sés avec infobulles

Merci à Malau­rie Sannié.

carte-google-multi-marqueurs-clickapercu

Télé­char­ger le code

Démo

Per­son­na­li­ser l’affichage des informations

17

Web­site : étape 1

Web­site : étape 2

Un exemple de code réa­lisé à par­tir de ce tutorial

Démo

Chan­ger les dalles, images de fond de carte

google_maps_api_overlay_basicWeb­site

Outils

iTouch­Map

iTouch­Map est un outil en ligne qui per­met de déter­mi­ner la lon­gi­tude et la lati­tude d’un endroit repéré par son adresse.

http://itouchmap.com

Pour aller plus loin

Quelques exemples de per­son­na­li­sa­tion d’affichages des googlemaps

→ http://snazzymaps.com/

www.touraineverte.com

Open Street Maps

Inté­grer une carte Open Street Maps dans une page HTML

0