Changements graphiques dans la version 3.7

Articles exemples et tutoriels en Français

API Google Maps JavaScript version 3

Partager ce tutoriel sur les réseaux sociaux
Signaler une erreur dans cet article

Le 07 novembre 2011 dernier Google annoncait la sortie de la version 3.7 de son API Google Maps Javascript. Parmi les changements un certain nombre de modifications visuelles ont été apportées. Avez-vous vu lesquelles ?

Fonds de carte construit avec l'API Google Maps JS V3.6

Carte API Google Maps v3.6

Fonds de carte construit avec l'API Google Maps JS V3.7

Carte API Google Maps v3.7

En voici une liste non éxhaustive :

Les boutons et contrôles

  • Zoom (zoomControl) : les extrémités du contrôle ainsi que le curseur ont perdu de leur rondeur. Retour à des formes plus anguleuses. Les ombres se sont affinées, éclaircies et ont changé de côté.
  • Panoramique (panControl) : la main située au centre à disparu. Ça tombe bien elle ne servait plus à rien depuis longtemps ! La couleur bleue adoptée par les quatre flèches désignant les quatre points cardinaux, a disparu au profit du gris.
  • Pegman (streetViewControl) : notre ami Pegman s'est affiné et se retrouve sur un fond rectangulaire et non plus ovale.
  • Type de carte (mapTypeControl) : les caractères blancs sur fond bleu, indiquant le type de carte affiché, ont disparu au profit de caractères noirs gras sur fond blanc. Les angles des contrôles ont également perdu leurs rondeurs.
  • Infobulle (InfoWindow) : retour aux formes anguleuses. Les coins sont désormais carrés au lieu d'être arrondis. La petite croix bleue, bordée d'un liseret de même couleur, servant à fermer l'info-bulle est devenue grise et les contours ont disparu. De couleur claire par défaut, elle s'assombrit lorsque le curseur de votre souris lui rend visite. Chose rigolote, l'ombre dispose toujours de coins arrondis !
  • Imagerie 45° (rotateControl) : le bouton est passé de la forme ronde à carrée. La flèche, passée du bleu au gris, est mieux perceptible d'un point de vue visuel.
  • Copyright (en bas à droite) : plus discret à mont goût, il se trouve désormais sur un fond blanc transparent et légérement dégradé.
  • Echelle (scaleControl) : pas de changement notable.
Contrôles API version 3.6Contrôles API version 3.7
Controles API Google Maps v3.6 Controles API Google Maps v3.7

Le marqueur par défaut

La bonne vieille goutte d'eau inversée rouge bordée de noire, faisant office de marqueur par défaut, semble avoir également subit un léger lifting. Elle est désormais rouge bordée de ... suspens ... rouge foncé ! Le bon vieux point noir en son centre est toujours là ... ouf, pas trop de changements à la fois s'il vous plait.

Marqueur par défaut API version 3.6Marqueur par défaut API version 3.7
Marqueur API Google Maps v3.6 Marqueur API Google Maps v3.7

L'info-bulle

L'info-bulle a vu également ses coins devenir carrés. La petite croix bleue située au centre d'un carré bordé de bleu, servant à fermer l'info-bulle, s'est transformée en croix grise. Il n'y a plus de contours et sa couleur varie légérement lorsque vous passez le curseur de votre souris dessus. Chose amusante l'ombre a toujours des coins arrondis !

Info-bulle par défaut API version 3.6Info-bulle par défaut API version 3.7
Marqueur API Google Maps v3.6 Marqueur API Google Maps v3.7

Conclusion

En résumé : Adieu rondeurs et couleur bleue, bonjour grisaille et angles droits !