Un marqueur sur Google Maps

Dans un article précédent, nous avons vu comment afficher une carte Google Maps. Nous allons voir ici comment placer et personnaliser un marqueur. Déclaration du script À placer de préférence dans le header de la page, en indiquant votre clé API GoogleMaps. <script src='https://maps.googleapis.com/maps/api/js?v=3.exp&key=CLÉAPI'></script> Création de la carte Elle s’appelle ici carte_gite. J’indique le centrage, le zoom et le type de carte (ROADMAP, SATELLITE,TERRAIN ou HYBRID). Les options suivantes concernent l’icône de contrôle du zoom, le zoom avec la molette et le double clic.

Une carte Googlemaps

Google Maps permet l’intégration d’une carte personnalisée sur son propre site web. Il faut pour cela utiliser un code html fourni par l’application de cartographie de Google. Après avoir fait une recherche sur Google Maps, vous pouvez obtenir le code HTML qui permet l’affichage de la carte. Dans la fenêtre de gauche, choisissez Partager -> Intégrer la carte pour récupérer le code. Vous pouvez personnaliser la taille de la carte.

Le codage des couleurs

Nous pouvons spécifier les couleurs des éléments qui composent un document web de plusieurs manières. La notation hexadécimale est actuellement la plus utilisée dans les feuilles de style (CSS). Cette notation produire 256 × 256 × 256 = 16 777 216 codes différents. La recommandation CSS permet une notation plus courte basée sur un seul chiffre hexadécimal par couleur. Le programme interprète le code #09C comme #0099CC {color: #09C;} et {color: #0099CC;} ont le même effet dans un fichier CSS.