Un style de carte actualisé est désormais disponible pour le Web et les mobiles dans les styles de cartes basés dans le cloud. Cette modification des styles de cartes inclut une nouvelle palette de couleurs par défaut, des épingles modernisées et une expérience utilisateur et une usabilité améliorées. Pour en savoir plus, consultez
Nouveau style de carte pour Google Maps Platform. Pour commencer à utiliser les nouvelles couleurs de cartes avec les styles de cartes basés dans le cloud, consultez
Installer la dernière version d'un style de carte.
Checklist de conception
Sélectionnez une plate-forme :
Android
iOS
JavaScript
Service Web
Les consignes suivantes traitent des pièges de conception courants lors de la création ou de la modification d'un style de carte. Google vous recommande également de consulter un graphiste pour assembler et vérifier votre conception.
Assurez-vous que le contraste des couleurs est suffisant : il permet de garder le texte lisible et de distinguer certains éléments cartographiques. Pour en savoir plus, consultez Choisir des couleurs de remplissage et de trait contrastées.
Vérifiez différents niveaux de zoom : vérifiez que vos éléments de style s'affichent correctement à différents niveaux de zoom.
Évitez les combinaisons de couleurs problématiques pour les utilisateurs daltoniens : assurez-vous que votre conception peut être utilisée par les personnes daltoniennes.
Vérifiez le mode Nuit : assurez-vous que les conceptions sur mobile fonctionnent avec le mode Nuit.
Choisir des couleurs de remplissage et de trait contrastées
Assurez-vous que le contraste entre les couleurs de remplissage et de trait est suffisant pour que les éléments cartographiques se distinguent de l'arrière-plan et des éléments cartographiques similaires.
Polygones pour une ligne : choisissez des couleurs qui contrastent pour montrer le détail de la ligne. Par exemple, les chemins sont des lignes en pointillés. Si les couleurs ne sont pas suffisamment contrastées, elles ressemblent à une ligne continue. Les autoroutes sont délimitées sur leurs bordures extérieures. Par conséquent, sans contraste, elles peuvent sembler pleines et peuvent donc être confondues avec d'autres types de routes.
Polygones pour une forme : le contraste vous aide à voir les bordures entre les polygones qui sont côte à côte.
Trait et remplissage du texte : pour le texte, le trait est la couleur du contour, ce qui permet de rendre le texte lisible par rapport aux couleurs d'arrière-plan. Si la couleur du trait est trop proche de la couleur de remplissage, vos polices peuvent également apparaître floues.
Sauf indication contraire, le contenu de cette page est régi par une licence Creative Commons Attribution 4.0, et les échantillons de code sont régis par une licence Apache 2.0. Pour en savoir plus, consultez les Règles du site Google Developers. Java est une marque déposée d'Oracle et/ou de ses sociétés affiliées.
Dernière mise à jour le 2025/02/28 (UTC).
[null,null,["Dernière mise à jour le 2025/02/28 (UTC)."],[[["These guidelines provide design best practices for creating or editing map styles, emphasizing clear contrast, zoom level considerations, and colorblind-friendly choices."],["Ensuring sufficient contrast between fill and stroke colors is crucial for distinguishing map features, like lines and polygons, from the background and each other."],["Text readability is enhanced by using contrasting stroke and fill colors, preventing blurriness and ensuring clarity against various backgrounds."],["It is recommended to test map styles at different zoom levels and in Night mode (for mobile) to ensure consistent visual appeal and functionality."],["Consulting with a graphic designer is advisable for comprehensive design assembly and review, supplementing these technical guidelines with professional aesthetic guidance."]]],["Map style design guidelines recommend consulting a graphic designer. Key actions include ensuring sufficient color contrast between fill and stroke colors for readability and feature distinction, especially in lines, shapes, and text. Test designs at various zoom levels and consider colorblind users. For mobile, verify compatibility with Night mode. Contrast helps avoid issues like solid lines appearing instead of dotted lines or blurry text. Platforms for customization include Android, iOS, JavaScript, and Web Service.\n"]]
