Exemples de styles
Restez organisé à l'aide des collections
Enregistrez et classez les contenus selon vos préférences.
Sélectionnez une plate-forme :
Android
iOS
JavaScript
Services Web
Vous trouverez sur cette page quelques exemples de styles d'éléments complexes.
Routes jaunes avec contour vert
Personnalisez toutes les routes avec un remplissage jaune clair et un contour vert foncé comme style de base. 
Sous Éléments cartographiques, sélectionnez Réseau routier.
Dans le volet Réseau routier, sous Polyligne, cochez la case Couleur de remplissage.
Sélectionnez un jaune clair (code hexadécimal #eeeec8, par exemple).
Cochez la case Couleur du trait et sélectionnez un vert foncé (code hexadécimal #155304, par exemple).
Sous Épaisseur du trait, définissez la valeur sur 3 px.
Si vous faites un zoom avant ou arrière, différentes routes affichent ce style lorsqu'elles apparaissent ou disparaissent. Quand les routes deviennent trop petites pour afficher le contour, elles n'affichent que la couleur jaune.
Variation de la couleur de l'eau selon le niveau de zoom
Il est possible que certains types de styles d'éléments ne soient visibles qu'à certains niveaux de zoom, comme les bâtiments 3D ou les points d'intérêt (POI). Ajoutez un style de sorte que l'eau apparaisse en bleu foncé avec un zoom arrière maximal (z0), en bleu moyen en cas de zoom avant sur un État ou une province (niveau de zoom 6 sur un ordinateur portable) et en bleu clair avec une bordure bleu foncé en cas de zoom avant rapproché (z19).

Sous Éléments cartographiques, sélectionnez Eau.
Dans le volet Eau, sous Polyligne, cochez la case Couleur de remplissage et sélectionnez un bleu foncé.
Sélectionnez le losange de zoom à droite de Couleur de remplissage pour ouvrir le volet correspondant au style selon le niveau de zoom.
Sélectionnez le niveau de zoom 6, puis un bleu moyen.
Sélectionnez le niveau de zoom 19, puis remplacez la couleur de l'eau par un bleu clair.
Remarque : Si vous définissez une couleur de trait, les ruisseaux et de nombreuses petites rivières, seule la couleur de remplissage est visible, même si l'utilisateur fait un zoom avant maximal. La différence entre trait et remplissage est visible sur les grands étangs, les lacs et les étendues d'eau plus vastes.
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/08/31 (UTC).
[null,null,["Dernière mise à jour le 2025/08/31 (UTC)."],[],[],null,["# Style examples\n\nSelect platform: [Android](/maps/documentation/android-sdk/cloud-customization/style-examples \"View this page for the Android platform docs.\") [iOS](/maps/documentation/ios-sdk/cloud-customization/style-examples \"View this page for the iOS platform docs.\") [JavaScript](/maps/documentation/javascript/cloud-customization/style-examples \"View this page for the JavaScript platform docs.\") [Web Service](/maps/documentation/maps-static/cloud-customization/style-examples \"View this page for the Web Service platform docs.\")\n\n\u003cbr /\u003e\n\nHere are some examples of complex element styling.\n\nYellow roads with green outlines\n--------------------------------\n\nCustomize all roads to have a pale yellow fill and a dark green outline as the\nbase style.\n\n1. Under **Map Features** , select **Road Network**.\n\n2. On the **Road Network** pane, under **Polyline** , select the box\n under **Fill color**.\n\n3. Select a light yellow color, such as hex code #eeeec8.\n\n4. Select the box under **Stroke color** and select a dark green color, such\n as hex code #155304.\n\n5. Under **Stroke width**, set it to 3px.\n\nAs you zoom in and out, different roads show this style as they appear and\ndisappear. Once roads get too small to show the outline, they display only the\nyellow color.\n\nDifferent colors of water by zoom level\n---------------------------------------\n\nSome types of element styling might only be visible at certain zoom levels, like\n3D buildings or points of interest (POIs). Add a style such that the\nwater appears dark blue zoomed out to maximum (z0),\nmedium blue when zoomed in to the level of a state or province (zoom level 6\non a laptop), and pale blue with a dark blue border when zoomed in tightly\n(z19).\n\n1. Under **Map Features** , select **Water**.\n\n2. On the **Water** pane, under **Polyline** , select the box\n under **Fill color**, and select a dark blue color.\n\n3. Select the zoom diamond to the right of **Fill color** to open the\n zoom-level styling pane.\n\n4. Select zoom level 6, and select a medium blue color.\n\n5. Select zoom level 19, and change the water to light blue.\n\nNote, if you set a stroke color, creeks and streams and many smaller rivers\nonly show the body color, even zoomed all the way in. The difference between\nstroke and fill is visible on large ponds, lakes, and larger bodies of water."]]