{"id":2371992,"date":"2024-06-11T08:00:01","date_gmt":"2024-06-11T15:00:01","guid":{"rendered":"https:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&p=2371992"},"modified":"2024-06-11T11:06:52","modified_gmt":"2024-06-11T18:06:52","slug":"top-5-tips-for-styling-published-layers-and-maps","status":"publish","type":"blog","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/top-5-tips-for-styling-published-layers-and-maps","title":{"rendered":"Top 5 Tips for Styling Published Layers and Maps"},"author":8492,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"_acf_changed":false,"_searchwp_excluded":""},"categories":[22941],"tags":[26451,268131,767362,30631,775282],"industry":[],"product":[36581,36551,36561],"class_list":["post-2371992","blog","type-blog","status-publish","format-standard","hentry","category-mapping","tag-cartography","tag-living-atlas","tag-styling","tag-tips","tag-tricks","product-arcgis-living-atlas","product-arcgis-online","product-arcgis-pro"],"acf":{"short_description":"The Living Atlas team publishes a lot of web layers. Here's some of our favorite tips and tricks for customizing your layers and maps.","flexible_content":[{"acf_fc_layout":"content","content":"

Creating a highly usable, intuitive web layer or map sometimes means going beyond the defaults. Using the many tools available in ArcGIS Pro and Online, this process can be very straightforward. Whether it’s a feature or raster layer, there are some common workflows that can transform your data…and they don’t take much time.\u00a0<\/span><\/p>\n

Tip\u00a0 #1: Turn overlapping features into an informative map<\/strong><\/h3>\n

Overlapping point data can be hard to distinguish and reveal patterns.\u00a0 Thoughtful cartography can help especially if you have a layer like Tornadoes 1950-2022<\/a> which has 68,701 records.<\/p>\n

In ArcGIS Pro search for Tornadoes from Living Atlas.\u00a0 The layer comes in symbolized by tornado damage and fatalities and at this scale it\u2019s difficult to discern.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":2372342,"id":2372342,"title":"TornadoesOriginalPro","filename":"TornadoesOriginalPro.png","filesize":692972,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/TornadoesOriginalPro.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/top-5-tips-for-styling-published-layers-and-maps\/tornadoesoriginalpro","alt":"Default styling for tornadoes 1950-2022 in ArcGIS Pro.","author":"8492","description":"","caption":"","name":"tornadoesoriginalpro","status":"inherit","uploaded_to":2371992,"date":"2024-06-11 01:47:07","modified":"2024-06-11 02:36:40","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":1915,"height":1001,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/TornadoesOriginalPro-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/TornadoesOriginalPro.png","medium-width":464,"medium-height":243,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/TornadoesOriginalPro.png","medium_large-width":768,"medium_large-height":401,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/TornadoesOriginalPro.png","large-width":1915,"large-height":1001,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/TornadoesOriginalPro-1536x803.png","1536x1536-width":1536,"1536x1536-height":803,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/TornadoesOriginalPro.png","2048x2048-width":1915,"2048x2048-height":1001,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/TornadoesOriginalPro-826x432.png","card_image-width":826,"card_image-height":432,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/TornadoesOriginalPro.png","wide_image-width":1915,"wide_image-height":1001}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/TornadoesOriginalPro.png"},{"acf_fc_layout":"content","content":"

First let\u2019s adjust the size and palette for the symbols so that the lowest class of \u201cUnknown\u201d has a tiny symbol with no fill (just the outline\/stroke) and the highest class of \u201cIncredible\u201d is the largest size with an orange fill.\u00a0 Size and color are tried and true methods for hierarchy and this palette is more earthy and reminiscent of one of the most famous movie<\/a> tornadoes.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":2372352,"id":2372352,"title":"TornadoesNewColorsandSize","filename":"TornadoesNewColorsandSize.png","filesize":961880,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/TornadoesNewColorsandSize.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/top-5-tips-for-styling-published-layers-and-maps\/tornadoesnewcolorsandsize","alt":"New brown-orange palette applied for tornadoes 1950-2022 in ArcGIS Pro.","author":"8492","description":"","caption":"","name":"tornadoesnewcolorsandsize","status":"inherit","uploaded_to":2371992,"date":"2024-06-11 01:49:38","modified":"2024-06-11 02:39:20","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":1917,"height":1007,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/TornadoesNewColorsandSize-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/TornadoesNewColorsandSize.png","medium-width":464,"medium-height":244,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/TornadoesNewColorsandSize.png","medium_large-width":768,"medium_large-height":403,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/TornadoesNewColorsandSize.png","large-width":1917,"large-height":1007,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/TornadoesNewColorsandSize-1536x807.png","1536x1536-width":1536,"1536x1536-height":807,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/TornadoesNewColorsandSize.png","2048x2048-width":1917,"2048x2048-height":1007,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/TornadoesNewColorsandSize-826x434.png","card_image-width":826,"card_image-height":434,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/TornadoesNewColorsandSize.png","wide_image-width":1917,"wide_image-height":1007}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/TornadoesNewColorsandSize.png"},{"acf_fc_layout":"content","content":"

Like the magic of movies, we can add transparency to our symbols giving them a see-through effect into another time.\u00a0 Let\u2019s adjust each layer\u2019s fill and outline to slightly transparent so that the overlapping features can be differentiated more clearly.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":2372362,"id":2372362,"title":"TornadoesTransparency","filename":"TornadoesTransparency.png","filesize":1057842,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/TornadoesTransparency.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/top-5-tips-for-styling-published-layers-and-maps\/tornadoestransparency","alt":"Transparency added to the brown-orange palette for tornadoes 1950-2022 in ArcGIS Pro.","author":"8492","description":"","caption":"","name":"tornadoestransparency","status":"inherit","uploaded_to":2371992,"date":"2024-06-11 01:50:25","modified":"2024-06-11 02:39:56","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":1917,"height":1004,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/TornadoesTransparency-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/TornadoesTransparency.png","medium-width":464,"medium-height":243,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/TornadoesTransparency.png","medium_large-width":768,"medium_large-height":402,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/TornadoesTransparency.png","large-width":1917,"large-height":1004,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/TornadoesTransparency-1536x804.png","1536x1536-width":1536,"1536x1536-height":804,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/TornadoesTransparency.png","2048x2048-width":1917,"2048x2048-height":1004,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/TornadoesTransparency-826x433.png","card_image-width":826,"card_image-height":433,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/TornadoesTransparency.png","wide_image-width":1917,"wide_image-height":1004}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/TornadoesTransparency.png"},{"acf_fc_layout":"content","content":"

The last thing we want is to show the most significant tornadoes on the top which is accomplished with Feature Display Order when you are in the Symbology tab. By switching it to magnitude this map now reveals a clear story showing states like Iowa, Illinois, Kansas, Oklahoma, Mississippi, and Alabama all having more frequent and significant tornado events.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":2372372,"id":2372372,"title":"TornadoesDisplayOrder","filename":"TornadoesDisplayOrder.png","filesize":892631,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/TornadoesDisplayOrder.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/top-5-tips-for-styling-published-layers-and-maps\/tornadoesdisplayorder","alt":"Feature display order enacted for the brown-orange palette for tornadoes 1950-2022 in ArcGIS Pro.","author":"8492","description":"","caption":"","name":"tornadoesdisplayorder","status":"inherit","uploaded_to":2371992,"date":"2024-06-11 01:51:04","modified":"2024-06-11 02:40:20","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":1918,"height":974,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/TornadoesDisplayOrder-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/TornadoesDisplayOrder.png","medium-width":464,"medium-height":236,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/TornadoesDisplayOrder.png","medium_large-width":768,"medium_large-height":390,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/TornadoesDisplayOrder.png","large-width":1918,"large-height":974,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/TornadoesDisplayOrder-1536x780.png","1536x1536-width":1536,"1536x1536-height":780,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/TornadoesDisplayOrder.png","2048x2048-width":1918,"2048x2048-height":974,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/TornadoesDisplayOrder-826x419.png","card_image-width":826,"card_image-height":419,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/TornadoesDisplayOrder.png","wide_image-width":1918,"wide_image-height":974}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/TornadoesDisplayOrder.png"},{"acf_fc_layout":"content","content":"

Tip\u00a0 #2: Use custom symbols in ArcGIS Online<\/strong><\/h3>\n

There are best practices involved with publishing your own symbols.\u00a0 The maximum size should be 120×120 pixels and keep in mind that using many unique custom symbols can slow your map down.\u00a0 The symbols should be .png with a transparent background or an .svg so the color can be modified. The symbol should be applied to the layer or webmap in ArcGIS Online and not through the publishing process of the service.<\/p>\n

Here\u2019s an example of points of NOAA\u2019s Storm Reports (past 24 hours)<\/a>.\u00a0 If I were to publish the custom symbol directly from ArcGIS Pro, the symbols are converted to text-encoded images. These effectively impact your map\u2019s performance since the web browser is trying to decipher these complex strings.<\/p>\n

Instead, publish initially as simple point symbols:<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":2372262,"id":2372262,"title":"ProStormReports","filename":"ProStormReports.png","filesize":894404,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/ProStormReports.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/top-5-tips-for-styling-published-layers-and-maps\/prostormreports","alt":"Image of storm reports as simple blue dots in ArcGIS Pro.","author":"8492","description":"","caption":"","name":"prostormreports","status":"inherit","uploaded_to":2371992,"date":"2024-06-11 01:40:19","modified":"2024-06-11 02:30:50","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":1920,"height":1009,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/ProStormReports-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/ProStormReports.png","medium-width":464,"medium-height":244,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/ProStormReports.png","medium_large-width":768,"medium_large-height":404,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/ProStormReports.png","large-width":1920,"large-height":1009,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/ProStormReports-1536x807.png","1536x1536-width":1536,"1536x1536-height":807,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/ProStormReports.png","2048x2048-width":1920,"2048x2048-height":1009,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/ProStormReports-826x434.png","card_image-width":826,"card_image-height":434,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/ProStormReports.png","wide_image-width":1920,"wide_image-height":1009}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/ProStormReports.png"},{"acf_fc_layout":"content","content":"

Then apply the custom symbols in ArcGIS Online.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":2372272,"id":2372272,"title":"StormReportsGif_wp","filename":"StormReportsGif_wp.gif","filesize":1717952,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/StormReportsGif_wp.gif","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/top-5-tips-for-styling-published-layers-and-maps\/stormreportsgif_wp","alt":"Animated gif showing how to apply a custom symbol.","author":"8492","description":"","caption":"","name":"stormreportsgif_wp","status":"inherit","uploaded_to":2371992,"date":"2024-06-11 01:41:04","modified":"2024-06-11 02:31:15","menu_order":0,"mime_type":"image\/gif","type":"image","subtype":"gif","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":1882,"height":876,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/StormReportsGif_wp-213x200.gif","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/StormReportsGif_wp.gif","medium-width":464,"medium-height":216,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/StormReportsGif_wp.gif","medium_large-width":768,"medium_large-height":357,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/StormReportsGif_wp.gif","large-width":1882,"large-height":876,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/StormReportsGif_wp-1536x715.gif","1536x1536-width":1536,"1536x1536-height":715,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/StormReportsGif_wp.gif","2048x2048-width":1882,"2048x2048-height":876,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/StormReportsGif_wp-826x384.gif","card_image-width":826,"card_image-height":384,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/StormReportsGif_wp.gif","wide_image-width":1882,"wide_image-height":876}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/StormReportsGif_wp.gif"},{"acf_fc_layout":"content","content":"

Tip #3: Create custom raster color palettes<\/strong><\/h3>\n

Ever want more from the raster styling options in ArcGIS Online? Wouldn\u2019t it be great if you could apply your custom styling from Pro? Well you can. The trick is to edit the JSON file in ArcGIS Online that manages all the metadata associated with an Item. To do this, log into the ArcGIS Assistant<\/a>. (Note<\/strong>: ArcGIS Assistant is in Beta and is not a fully supported product.)<\/p>\n

Here\u2019s our general workflow:<\/p>\n

Create a palette in ArcGIS Pro using the Stretch symbology. If your color stops are evenly spaced, record the RGB values for each stop. If not evenly spaced, export or screenshot the color palette. Then use a color picker tool to sample the RGB values at equal intervals along the image. Make sure you have enough samples to capture any critical color values or transitions.<\/p>\n

Open the ArcGIS Assistant. Navigate to the raster Item you want to modify and click the link. On the Item Details, select View JSON.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":2372282,"id":2372282,"title":"1-Item-Details","filename":"1-Item-Details.png","filesize":36947,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/1-Item-Details.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/top-5-tips-for-styling-published-layers-and-maps\/1-item-details","alt":"The location in ArcGIS Assistant for accessing the JSON file.","author":"8492","description":"","caption":"","name":"1-item-details","status":"inherit","uploaded_to":2371992,"date":"2024-06-11 01:41:53","modified":"2024-06-11 02:32:38","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":495,"height":959,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/1-Item-Details-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/1-Item-Details.png","medium-width":135,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/1-Item-Details.png","medium_large-width":495,"medium_large-height":959,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/1-Item-Details.png","large-width":495,"large-height":959,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/1-Item-Details.png","1536x1536-width":495,"1536x1536-height":959,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/1-Item-Details.png","2048x2048-width":495,"2048x2048-height":959,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/1-Item-Details-240x465.png","card_image-width":240,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/1-Item-Details.png","wide_image-width":495,"wide_image-height":959}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/1-Item-Details.png"},{"acf_fc_layout":"content","content":"

Next you\u2019ll see a screen with the JSON configuration. First click the Data tab and then click Edit JSON. Note: it\u2019s a good idea to copy the JSON as a backup before editing.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":2372292,"id":2372292,"title":"2-Data","filename":"2-Data.png","filesize":25966,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/2-Data.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/top-5-tips-for-styling-published-layers-and-maps\/2-data","alt":"Image of JSON data configuration.","author":"8492","description":"","caption":"","name":"2-data","status":"inherit","uploaded_to":2371992,"date":"2024-06-11 01:42:47","modified":"2024-06-11 02:33:04","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":1239,"height":961,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/2-Data-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/2-Data.png","medium-width":337,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/2-Data.png","medium_large-width":768,"medium_large-height":596,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/2-Data.png","large-width":1239,"large-height":961,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/2-Data.png","1536x1536-width":1239,"1536x1536-height":961,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/2-Data.png","2048x2048-width":1239,"2048x2048-height":961,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/2-Data-600x465.png","card_image-width":600,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/2-Data.png","wide_image-width":1239,"wide_image-height":961}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/2-Data.png"},{"acf_fc_layout":"content","content":"

Scroll down and you\u2019ll see a series of \u201cfromColor\u201d \u201ctoColor\u201d statements. Editing these is the where the magic happens. \u00a0Each has 4 comma separated values. R, G, B and transparency. In the first \u201cfromColor\u201d place your first color\u2019s values. In the first \u201ctoColor\u201d place the next color\u2019s values. In the second \u201cfromColor\u201d you\u2019ll repeat the value from the first \u201ctoColor\u201d and just keep repeating the pattern: 1-2, 2-3, 3-4, 4-5, 5-6. You may need to add additional from\/to pairs. Just be sure to copy\/paste code with the included brackets.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":2372302,"id":2372302,"title":"3-from-to","filename":"3-from-to.png","filesize":9207,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/3-from-to.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/top-5-tips-for-styling-published-layers-and-maps\/3-from-to","alt":"Image of code showing how to customize a palette using sets of R,G,B values.","author":"8492","description":"","caption":"","name":"3-from-to","status":"inherit","uploaded_to":2371992,"date":"2024-06-11 01:43:19","modified":"2024-06-11 02:34:28","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":475,"height":719,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/3-from-to-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/3-from-to.png","medium-width":172,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/3-from-to.png","medium_large-width":475,"medium_large-height":719,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/3-from-to.png","large-width":475,"large-height":719,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/3-from-to.png","1536x1536-width":475,"1536x1536-height":719,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/3-from-to.png","2048x2048-width":475,"2048x2048-height":719,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/3-from-to-307x465.png","card_image-width":307,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/3-from-to.png","wide_image-width":475,"wide_image-height":719}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/3-from-to.png"},{"acf_fc_layout":"content","content":"

When done, click Save. If there\u2019s an error in your code (probably a bracket or comma), the Save cannot be clicked.<\/p>\n

Go back to your layer in ArcGIS Online. Hit refresh and your colors should be there. You can adjust the data range values or gamma if needed. Click the layer options and select Save.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":2372312,"id":2372312,"title":"4-save-layer","filename":"4-save-layer.png","filesize":13684,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/4-save-layer.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/top-5-tips-for-styling-published-layers-and-maps\/4-save-layer","alt":"How to save customized webmap styling properties to an image service.","author":"8492","description":"","caption":"","name":"4-save-layer","status":"inherit","uploaded_to":2371992,"date":"2024-06-11 01:44:04","modified":"2024-06-11 02:35:13","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":613,"height":490,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/4-save-layer-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/4-save-layer.png","medium-width":327,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/4-save-layer.png","medium_large-width":613,"medium_large-height":490,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/4-save-layer.png","large-width":613,"large-height":490,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/4-save-layer.png","1536x1536-width":613,"1536x1536-height":490,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/4-save-layer.png","2048x2048-width":613,"2048x2048-height":490,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/4-save-layer-582x465.png","card_image-width":582,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/4-save-layer.png","wide_image-width":613,"wide_image-height":490}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/4-save-layer.png"},{"acf_fc_layout":"content","content":"

This trick works in all layer types, including features or classified rasters, not just stretched rasters. Keep in mind that these style changes are applied only to the Item and not the REST service endpoint<\/a>.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":2372242,"id":2372242,"title":"banner","filename":"banner.jpg","filesize":715797,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/banner.jpg","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/top-5-tips-for-styling-published-layers-and-maps\/banner-354","alt":"Image of the Himalayas showing the customized palette.","author":"8492","description":"","caption":"","name":"banner-354","status":"inherit","uploaded_to":2371992,"date":"2024-06-11 01:37:12","modified":"2024-06-11 02:35:56","menu_order":0,"mime_type":"image\/jpeg","type":"image","subtype":"jpeg","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":1920,"height":1080,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/banner-213x200.jpg","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/banner.jpg","medium-width":464,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/banner.jpg","medium_large-width":768,"medium_large-height":432,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/banner.jpg","large-width":1920,"large-height":1080,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/banner-1536x864.jpg","1536x1536-width":1536,"1536x1536-height":864,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/banner.jpg","2048x2048-width":1920,"2048x2048-height":1080,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/banner-826x465.jpg","card_image-width":826,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/banner.jpg","wide_image-width":1920,"wide_image-height":1080}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/banner.jpg"},{"acf_fc_layout":"content","content":"

Tip\u00a0 #4: Quick edits in the Vector Tile Style Editor<\/strong><\/h3>\n

Basemaps are the foundation of all our web maps. But sometimes the ones you have with your ArcGIS Online Organization aren\u2019t exactly perfect. It\u2019s easy to fix that. The Vector Tile Style Editor can make customizing Esri basemaps a snap. You can use it as a global resource for base layers, labels, road lines, urban areas, bathymetry overlays, contour lines, vegetation shading, you name it.\u00a0 Maybe you need to turn some features on\/off, or maybe a color could be tweaked for more contrast.<\/p>\n

Let\u2019s do a quick update to the ocean\u2019s color in the Human Geography Detail<\/a> basemap for a map of USA Wetlands<\/a>. In the Style Editor open Human Geography Detail:<\/p>\n

    \n
  1. Turn off Transportation, Buildings, Boundaries, and Roads<\/li>\n
  2. Expand water and change the color to to #c3c4c4<\/li>\n
  3. Turn off Rivers and Save<\/li>\n<\/ol>\n"},{"acf_fc_layout":"image","image":{"ID":2372322,"id":2372322,"title":"VTSEGifStepsHumanGeogDetail_wp","filename":"VTSEGifStepsHumanGeogDetail_wp.gif","filesize":2374892,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/VTSEGifStepsHumanGeogDetail_wp.gif","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/top-5-tips-for-styling-published-layers-and-maps\/vtsegifstepshumangeogdetail_wp","alt":"Animated gif showing how to customize the Human Geography Detail layer in the Vector Tile Style Editor.","author":"8492","description":"","caption":"","name":"vtsegifstepshumangeogdetail_wp","status":"inherit","uploaded_to":2371992,"date":"2024-06-11 01:45:35","modified":"2024-06-11 02:40:56","menu_order":0,"mime_type":"image\/gif","type":"image","subtype":"gif","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":1916,"height":904,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/VTSEGifStepsHumanGeogDetail_wp-213x200.gif","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/VTSEGifStepsHumanGeogDetail_wp.gif","medium-width":464,"medium-height":219,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/VTSEGifStepsHumanGeogDetail_wp.gif","medium_large-width":768,"medium_large-height":362,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/VTSEGifStepsHumanGeogDetail_wp.gif","large-width":1916,"large-height":904,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/VTSEGifStepsHumanGeogDetail_wp-1536x725.gif","1536x1536-width":1536,"1536x1536-height":725,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/VTSEGifStepsHumanGeogDetail_wp.gif","2048x2048-width":1916,"2048x2048-height":904,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/VTSEGifStepsHumanGeogDetail_wp-826x390.gif","card_image-width":826,"card_image-height":390,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/VTSEGifStepsHumanGeogDetail_wp.gif","wide_image-width":1916,"wide_image-height":904}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/VTSEGifStepsHumanGeogDetail_wp.gif"},{"acf_fc_layout":"content","content":"

    Once saved, you can add in the new Human Geography Detail layer from My Content to a webmap, like this one.<\/a> Notice the gray lakes and ocean make a suitable neutral background to highlight the wetlands layer.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":2372332,"id":2372332,"title":"WetlandsBeforeAfter_wp","filename":"WetlandsBeforeAfter_wp.gif","filesize":915907,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/WetlandsBeforeAfter_wp.gif","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/top-5-tips-for-styling-published-layers-and-maps\/wetlandsbeforeafter_wp","alt":"Before and after of the edited Human Geography Detail layer with US Wetlands in ArcGIS Online.","author":"8492","description":"","caption":"","name":"wetlandsbeforeafter_wp","status":"inherit","uploaded_to":2371992,"date":"2024-06-11 01:46:23","modified":"2024-06-11 02:41:29","menu_order":0,"mime_type":"image\/gif","type":"image","subtype":"gif","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":1869,"height":899,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/WetlandsBeforeAfter_wp-213x200.gif","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/WetlandsBeforeAfter_wp.gif","medium-width":464,"medium-height":223,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/WetlandsBeforeAfter_wp.gif","medium_large-width":768,"medium_large-height":369,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/WetlandsBeforeAfter_wp.gif","large-width":1869,"large-height":899,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/WetlandsBeforeAfter_wp-1536x739.gif","1536x1536-width":1536,"1536x1536-height":739,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/WetlandsBeforeAfter_wp.gif","2048x2048-width":1869,"2048x2048-height":899,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/WetlandsBeforeAfter_wp-826x397.gif","card_image-width":826,"card_image-height":397,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/WetlandsBeforeAfter_wp.gif","wide_image-width":1869,"wide_image-height":899}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/WetlandsBeforeAfter_wp.gif"},{"acf_fc_layout":"content","content":"

    Tip\u00a0 #5: Make a pop-up worth reading<\/strong><\/h3>\n

    Repeat after me: No one cares about the ShapeArea value<\/em>. So why is it in almost everyone\u2019s pop-up? Instead of using the default attribute list pop-up, configure something that provides more meaning. I always go with a Text pop-up. It could be as simple as a nicely formatted list of attributes<\/a>, or could be more complex with images, charts, graphs<\/a>, and dynamic queries<\/a>. And keep in mind, the fewer attributes that a pop-up needs to display will create a faster service. But if you must List, at least use field aliases…no one knows what vtx_name <\/em>means.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":2372392,"id":2372392,"title":"Popup2","filename":"Popup2.png","filesize":1432860,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/Popup2.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/top-5-tips-for-styling-published-layers-and-maps\/popup2-4","alt":"Wetlands pop-up in a textual style.","author":"8492","description":"","caption":"","name":"popup2-4","status":"inherit","uploaded_to":2371992,"date":"2024-06-11 02:05:35","modified":"2024-06-11 02:42:07","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":1920,"height":893,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/Popup2-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/Popup2.png","medium-width":464,"medium-height":216,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/Popup2.png","medium_large-width":768,"medium_large-height":357,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/Popup2.png","large-width":1920,"large-height":893,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/Popup2-1536x714.png","1536x1536-width":1536,"1536x1536-height":714,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/Popup2.png","2048x2048-width":1920,"2048x2048-height":893,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/Popup2-826x384.png","card_image-width":826,"card_image-height":384,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/Popup2.png","wide_image-width":1920,"wide_image-height":893}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/Popup2.png"}],"authors":[{"ID":7841,"user_firstname":"Dan","user_lastname":"Pisut","nickname":"Dan Pisut","user_nicename":"dan-pisut","display_name":"Dan Pisut","user_email":"DPisut@esri.com","user_url":"https:\/\/livingatlas.arcgis.com","user_registered":"2018-04-16 21:24:57","user_description":"Dan leads development of ArcGIS Living Atlas of the World environmental content, which includes information about Earth's land, ocean, atmosphere, and ecosystems. Prior to Esri, Dan worked at NOAA for two decades, leading data visualization efforts for research, communications, and education.","user_avatar":""},{"ID":8492,"user_firstname":"Emily","user_lastname":"Meriam","nickname":"Emily Meriam","user_nicename":"emeriam","display_name":"Emily Meriam","user_email":"EMeriam@esri.com","user_url":"https:\/\/www.instagram.com\/emilymeriam\/","user_registered":"2018-10-26 16:33:49","user_description":"Emily Meriam has a diverse GIS background that spans more than two decades. Her portfolio includes mapping elephants in Thailand, wildlife poachers in the Republic of Palau, land-use issues around Yosemite National Park, and active wildfire incidents for the State of California. Since 2018, Emily has been with Esri's ArcGIS Living Atlas of the World. In this role she serves as lead Cartographer and Senior GIS Engineer for the Environment Team where she styles and designs layers, maps, and applications for the global GIS community. Outside of her professional endeavors, Emily is a passionate geographer who enjoys exploring the world with her family.","user_avatar":""}],"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/styling-1.jpg","wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/banner.jpg","related_articles":[{"ID":1361302,"post_author":"7841","post_date":"2024-06-10 16:00:23","post_date_gmt":"2024-06-10 23:00:23","post_content":"","post_title":"Top 5 Tips to Improve Your Feature Layer Performance","post_excerpt":"","post_status":"publish","comment_status":"open","ping_status":"closed","post_password":"","post_name":"top-5-ways-to-improve-your-web-layer-performance","to_ping":"","pinged":"","post_modified":"2024-06-11 09:04:22","post_modified_gmt":"2024-06-11 16:04:22","post_content_filtered":"","post_parent":0,"guid":"https:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&p=1361302","menu_order":0,"post_type":"blog","post_mime_type":"","comment_count":"0","filter":"raw"}]},"yoast_head":"\nTop 5 Tips for Styling Published Layers and Maps<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/top-5-tips-for-styling-published-layers-and-maps\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Top 5 Tips for Styling Published Layers and Maps\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/top-5-tips-for-styling-published-layers-and-maps\" \/>\n<meta property=\"og:site_name\" content=\"ArcGIS Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/esrigis\/\" \/>\n<meta property=\"article:modified_time\" content=\"2024-06-11T18:06:52+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@ESRI\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":[\"Article\",\"BlogPosting\"],\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/top-5-tips-for-styling-published-layers-and-maps#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/top-5-tips-for-styling-published-layers-and-maps\"},\"author\":{\"name\":\"Emily Meriam\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/560e52b1d38484d1026c1057a728ff54\"},\"headline\":\"Top 5 Tips for Styling Published Layers and Maps\",\"datePublished\":\"2024-06-11T15:00:01+00:00\",\"dateModified\":\"2024-06-11T18:06:52+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/top-5-tips-for-styling-published-layers-and-maps\"},\"wordCount\":8,\"commentCount\":2,\"publisher\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#organization\"},\"keywords\":[\"cartography\",\"Living Atlas\",\"styling\",\"tips\",\"tricks\"],\"articleSection\":[\"Mapping\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/top-5-tips-for-styling-published-layers-and-maps#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/top-5-tips-for-styling-published-layers-and-maps\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/top-5-tips-for-styling-published-layers-and-maps\",\"name\":\"Top 5 Tips for Styling Published Layers and Maps\",\"isPartOf\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#website\"},\"datePublished\":\"2024-06-11T15:00:01+00:00\",\"dateModified\":\"2024-06-11T18:06:52+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/top-5-tips-for-styling-published-layers-and-maps#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/top-5-tips-for-styling-published-layers-and-maps\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/top-5-tips-for-styling-published-layers-and-maps#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.esri.com\/arcgis-blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Top 5 Tips for Styling Published Layers and Maps\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#website\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/\",\"name\":\"ArcGIS Blog\",\"description\":\"Get insider info from Esri product teams\",\"publisher\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.esri.com\/arcgis-blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#organization\",\"name\":\"Esri\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/04\/Esri.png\",\"contentUrl\":\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/04\/Esri.png\",\"width\":400,\"height\":400,\"caption\":\"Esri\"},\"image\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/esrigis\/\",\"https:\/\/x.com\/ESRI\",\"https:\/\/www.linkedin.com\/company\/5311\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/560e52b1d38484d1026c1057a728ff54\",\"name\":\"Emily Meriam\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/11\/EM-465x465.jpg\",\"contentUrl\":\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/11\/EM-465x465.jpg\",\"caption\":\"Emily Meriam\"},\"description\":\"Emily Meriam has a diverse GIS background that spans more than two decades. Her portfolio includes mapping elephants in Thailand, wildlife poachers in the Republic of Palau, land-use issues around Yosemite National Park, and active wildfire incidents for the State of California. Since 2018, Emily has been with Esri's ArcGIS Living Atlas of the World. In this role she serves as lead Cartographer and Senior GIS Engineer for the Environment Team where she styles and designs layers, maps, and applications for the global GIS community. Outside of her professional endeavors, Emily is a passionate geographer who enjoys exploring the world with her family.\",\"sameAs\":[\"https:\/\/www.instagram.com\/emilymeriam\/\",\"https:\/\/www.linkedin.com\/in\/emilymeriam\/\"],\"knowsAbout\":[\"GIS\",\"Mapping\",\"Cartography\"],\"knowsLanguage\":[\"English\"],\"jobTitle\":\"Product Engineer, Cartographer, Geographer\",\"worksFor\":\"Esri\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/author\/emeriam\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Top 5 Tips for Styling Published Layers and Maps","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/top-5-tips-for-styling-published-layers-and-maps","og_locale":"en_US","og_type":"article","og_title":"Top 5 Tips for Styling Published Layers and Maps","og_url":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/top-5-tips-for-styling-published-layers-and-maps","og_site_name":"ArcGIS Blog","article_publisher":"https:\/\/www.facebook.com\/esrigis\/","article_modified_time":"2024-06-11T18:06:52+00:00","twitter_card":"summary_large_image","twitter_site":"@ESRI","twitter_misc":{"Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":["Article","BlogPosting"],"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/top-5-tips-for-styling-published-layers-and-maps#article","isPartOf":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/top-5-tips-for-styling-published-layers-and-maps"},"author":{"name":"Emily Meriam","@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/560e52b1d38484d1026c1057a728ff54"},"headline":"Top 5 Tips for Styling Published Layers and Maps","datePublished":"2024-06-11T15:00:01+00:00","dateModified":"2024-06-11T18:06:52+00:00","mainEntityOfPage":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/top-5-tips-for-styling-published-layers-and-maps"},"wordCount":8,"commentCount":2,"publisher":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#organization"},"keywords":["cartography","Living Atlas","styling","tips","tricks"],"articleSection":["Mapping"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/top-5-tips-for-styling-published-layers-and-maps#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/top-5-tips-for-styling-published-layers-and-maps","url":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/top-5-tips-for-styling-published-layers-and-maps","name":"Top 5 Tips for Styling Published Layers and Maps","isPartOf":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#website"},"datePublished":"2024-06-11T15:00:01+00:00","dateModified":"2024-06-11T18:06:52+00:00","breadcrumb":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/top-5-tips-for-styling-published-layers-and-maps#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/top-5-tips-for-styling-published-layers-and-maps"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/top-5-tips-for-styling-published-layers-and-maps#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.esri.com\/arcgis-blog\/"},{"@type":"ListItem","position":2,"name":"Top 5 Tips for Styling Published Layers and Maps"}]},{"@type":"WebSite","@id":"https:\/\/www.esri.com\/arcgis-blog\/#website","url":"https:\/\/www.esri.com\/arcgis-blog\/","name":"ArcGIS Blog","description":"Get insider info from Esri product teams","publisher":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.esri.com\/arcgis-blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.esri.com\/arcgis-blog\/#organization","name":"Esri","url":"https:\/\/www.esri.com\/arcgis-blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/04\/Esri.png","contentUrl":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/04\/Esri.png","width":400,"height":400,"caption":"Esri"},"image":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/esrigis\/","https:\/\/x.com\/ESRI","https:\/\/www.linkedin.com\/company\/5311\/"]},{"@type":"Person","@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/560e52b1d38484d1026c1057a728ff54","name":"Emily Meriam","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/image\/","url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/11\/EM-465x465.jpg","contentUrl":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/11\/EM-465x465.jpg","caption":"Emily Meriam"},"description":"Emily Meriam has a diverse GIS background that spans more than two decades. Her portfolio includes mapping elephants in Thailand, wildlife poachers in the Republic of Palau, land-use issues around Yosemite National Park, and active wildfire incidents for the State of California. Since 2018, Emily has been with Esri's ArcGIS Living Atlas of the World. In this role she serves as lead Cartographer and Senior GIS Engineer for the Environment Team where she styles and designs layers, maps, and applications for the global GIS community. Outside of her professional endeavors, Emily is a passionate geographer who enjoys exploring the world with her family.","sameAs":["https:\/\/www.instagram.com\/emilymeriam\/","https:\/\/www.linkedin.com\/in\/emilymeriam\/"],"knowsAbout":["GIS","Mapping","Cartography"],"knowsLanguage":["English"],"jobTitle":"Product Engineer, Cartographer, Geographer","worksFor":"Esri","url":"https:\/\/www.esri.com\/arcgis-blog\/author\/emeriam"}]}},"text_date":"June 11, 2024","author_name":"Multiple Authors","author_page":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/top-5-tips-for-styling-published-layers-and-maps","custom_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/06\/banner.jpg","primary_product":"ArcGIS Online","tag_data":[{"term_id":26451,"name":"cartography","slug":"cartography","term_group":0,"term_taxonomy_id":26451,"taxonomy":"post_tag","description":"","parent":0,"count":559,"filter":"raw"},{"term_id":268131,"name":"Living Atlas","slug":"living-atlas","term_group":0,"term_taxonomy_id":268131,"taxonomy":"post_tag","description":"","parent":0,"count":89,"filter":"raw"},{"term_id":767362,"name":"styling","slug":"styling","term_group":0,"term_taxonomy_id":767362,"taxonomy":"post_tag","description":"","parent":0,"count":2,"filter":"raw"},{"term_id":30631,"name":"tips","slug":"tips","term_group":0,"term_taxonomy_id":30631,"taxonomy":"post_tag","description":"","parent":0,"count":23,"filter":"raw"},{"term_id":775282,"name":"tricks","slug":"tricks","term_group":0,"term_taxonomy_id":775282,"taxonomy":"post_tag","description":"","parent":0,"count":1,"filter":"raw"}],"category_data":[{"term_id":22941,"name":"Mapping","slug":"mapping","term_group":0,"term_taxonomy_id":22941,"taxonomy":"category","description":"","parent":0,"count":2696,"filter":"raw"}],"product_data":[{"term_id":36581,"name":"ArcGIS Living Atlas","slug":"arcgis-living-atlas","term_group":0,"term_taxonomy_id":36581,"taxonomy":"product","description":"","parent":0,"count":1172,"filter":"raw"},{"term_id":36551,"name":"ArcGIS Online","slug":"arcgis-online","term_group":0,"term_taxonomy_id":36551,"taxonomy":"product","description":"","parent":0,"count":2430,"filter":"raw"},{"term_id":36561,"name":"ArcGIS Pro","slug":"arcgis-pro","term_group":0,"term_taxonomy_id":36561,"taxonomy":"product","description":"","parent":0,"count":2042,"filter":"raw"}],"primary_product_link":"https:\/\/www.esri.com\/arcgis-blog\/?s=#&products=arcgis-online","_links":{"self":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/blog\/2371992","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/blog"}],"about":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/types\/blog"}],"author":[{"embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/users\/8492"}],"replies":[{"embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/comments?post=2371992"}],"version-history":[{"count":0,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/blog\/2371992\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/media?parent=2371992"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/categories?post=2371992"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/tags?post=2371992"},{"taxonomy":"industry","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/industry?post=2371992"},{"taxonomy":"product","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/product?post=2371992"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}