{"id":2264502,"date":"2024-03-05T09:19:36","date_gmt":"2024-03-05T17:19:36","guid":{"rendered":"https:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&#038;p=2264502"},"modified":"2024-03-06T13:21:16","modified_gmt":"2024-03-06T21:21:16","slug":"a-new-way-to-add-web-styles-in-map-viewer","status":"publish","type":"blog","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/a-new-way-to-add-web-styles-in-map-viewer","title":{"rendered":"A New Way To Add Web Styles in Map Viewer"},"author":5551,"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":[33371,759822,765822,773282],"industry":[],"product":[36551],"class_list":["post-2264502","blog","type-blog","status-publish","format-standard","hentry","category-mapping","tag-map-viewer","tag-sketch","tag-web-styles","tag-whats-new-february-2024","product-arcgis-online"],"acf":{"authors":[{"ID":5551,"user_firstname":"Russell","user_lastname":"Roberts","nickname":"Russell Roberts","user_nicename":"russell-roberts","display_name":"Russell Roberts","user_email":"russell_roberts@esri.com","user_url":"","user_registered":"2018-03-02 00:17:19","user_description":"Russell is a product engineer on the ArcGIS Online team.","user_avatar":"<img data-del=\"avatar\" src='https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/04\/Capture.jpg' class='avatar pp-user-avatar avatar-96 photo ' height='96' width='96'\/>"}],"short_description":"Adding styles in Map Viewer just got easier. ","flexible_content":[{"acf_fc_layout":"content","content":"<p><span data-preserver-spaces=\"true\">In Map Viewer there are multiple ways to add symbols to style your features. Map viewer supports uploading SVG, PNG, JPEG, and GIFs through symbol styler which allows you to use these uploaded images in your maps without having to manage the images being hosted somewhere else. This allows the image to be stored in the map so when the image is removed from Symbol styler it will not break any existing maps. To learn about uploading images and using them in Map Viewer check out this\u00a0<\/span><a class=\"editor-rtfLink\" href=\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/upload-images-to-style-point-symbols-in-map-viewer\/\" target=\"_blank\" rel=\"noopener\"><span data-preserver-spaces=\"true\">blog<\/span><\/a><span data-preserver-spaces=\"true\">. You can also use Esri default web styles or configure your organization settings to use web styles published from ArcGIS Pro and use them in Map Viewer for members across your organization. To learn about this workflow check out my blog on how to publish a\u00a0<\/span><a class=\"editor-rtfLink\" href=\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/use-published-2d-symbols-in-arcgis-online\/\" target=\"_blank\" rel=\"noopener\"><span data-preserver-spaces=\"true\">web style<\/span><\/a><span data-preserver-spaces=\"true\">.<\/span><\/p>\n<p>&nbsp;<\/p>\n"},{"acf_fc_layout":"content","content":"<p>The Map Viewer February 2024 release has now made adding web styles in Map Viewer easier. You can add web styles in symbol styler without needing to set up a group in your organization admin setting. Add your web styles, search your organization or ArcGIS Online to add these web styles inside Map Viewer. This will make it easier to test or prototype your styles before sharing them widely, using a style for a one-off project that does not require to be in the default gallery selection or maybe you caught an interesting style someone else had published in ArcGIS Online and want to use that to style your features. Adding web styles in Map Viewer can be used in smart mapping and sketch. Once you add the web style it can be used with smart mapping and sketch. This means you do not have to add the web style twice to have it used elsewhere. If the symbol contains symbols for a mix of points, lines, and\/or polygons you only have to add it once. This means you do not have to add it each time for each geometry being styled. The styles also are saved in the list of symbol galleries until you remove them yourself or the web style is deleted. This means the styles are available when creating new web maps or updating an existing one and they do not have to be added each time.<\/p>\n"},{"acf_fc_layout":"content","content":"<p><strong>How to add Web Styles in Map Viewer<\/strong><\/p>\n<p>With the symbol styler in the smart mapping styles panel or the sketch panel open, you will see a new + button. Clicking on that will open the item browser where you can search and add the web styles you want to use. The styles you see presented will contain symbols for the current geometry being styled. This means you won&#8217;t see styles that won&#8217;t be compatible with the current symbol geometry being used. You can select one or multiple web styles and have them added in, making it easier to test, compare, and use multiple web styles quickly.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":2274562,"id":2274562,"title":"Symbol Styler - Add Styles 1","filename":"Symbol-Styler-Add-Styles-1-1.jpg","filesize":18765,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/03\/Symbol-Styler-Add-Styles-1-1.jpg","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/a-new-way-to-add-web-styles-in-map-viewer\/symbol-styler-add-styles-1-2","alt":"","author":"5551","description":"","caption":"","name":"symbol-styler-add-styles-1-2","status":"inherit","uploaded_to":2264502,"date":"2024-03-05 15:03:52","modified":"2024-03-05 15:03:52","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":328,"height":546,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/03\/Symbol-Styler-Add-Styles-1-1-213x200.jpg","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/03\/Symbol-Styler-Add-Styles-1-1.jpg","medium-width":157,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/03\/Symbol-Styler-Add-Styles-1-1.jpg","medium_large-width":328,"medium_large-height":546,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/03\/Symbol-Styler-Add-Styles-1-1.jpg","large-width":328,"large-height":546,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/03\/Symbol-Styler-Add-Styles-1-1.jpg","1536x1536-width":328,"1536x1536-height":546,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/03\/Symbol-Styler-Add-Styles-1-1.jpg","2048x2048-width":328,"2048x2048-height":546,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/03\/Symbol-Styler-Add-Styles-1-1-279x465.jpg","card_image-width":279,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/03\/Symbol-Styler-Add-Styles-1-1.jpg","wide_image-width":328,"wide_image-height":546}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<p>The example map I have is looking at the reported weather current weather layer from Living Atlas. Using a Weather web style published from Pro I can select it from the item browser which will add it to Symbol styler.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":2275262,"id":2275262,"title":"Add Style Modal","filename":"Add-Style-Modal-1.jpg","filesize":141306,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/03\/Add-Style-Modal-1.jpg","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/a-new-way-to-add-web-styles-in-map-viewer\/add-style-modal-2","alt":"","author":"5551","description":"","caption":"","name":"add-style-modal-2","status":"inherit","uploaded_to":2264502,"date":"2024-03-05 18:53:47","modified":"2024-03-05 18:53:47","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":1525,"height":1134,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/03\/Add-Style-Modal-1-213x200.jpg","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/03\/Add-Style-Modal-1.jpg","medium-width":351,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/03\/Add-Style-Modal-1.jpg","medium_large-width":768,"medium_large-height":571,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/03\/Add-Style-Modal-1.jpg","large-width":1452,"large-height":1080,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/03\/Add-Style-Modal-1.jpg","1536x1536-width":1525,"1536x1536-height":1134,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/03\/Add-Style-Modal-1.jpg","2048x2048-width":1525,"2048x2048-height":1134,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/03\/Add-Style-Modal-1-625x465.jpg","card_image-width":625,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/03\/Add-Style-Modal-1-1452x1080.jpg","wide_image-width":1452,"wide_image-height":1080}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<p>The style will automatically open after you click Add and it will be under the Added styles section under the list of symbol categories in layer styling and sketch.<\/p>\n<p>&nbsp;<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":2274822,"id":2274822,"title":"AddedStyles List","filename":"AddedStyles-List.jpg","filesize":28694,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/03\/AddedStyles-List.jpg","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/a-new-way-to-add-web-styles-in-map-viewer\/addedstyles-list","alt":"","author":"5551","description":"","caption":"","name":"addedstyles-list","status":"inherit","uploaded_to":2264502,"date":"2024-03-05 16:31:08","modified":"2024-03-05 16:31:08","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":327,"height":552,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/03\/AddedStyles-List-213x200.jpg","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/03\/AddedStyles-List.jpg","medium-width":155,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/03\/AddedStyles-List.jpg","medium_large-width":327,"medium_large-height":552,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/03\/AddedStyles-List.jpg","large-width":327,"large-height":552,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/03\/AddedStyles-List.jpg","1536x1536-width":327,"1536x1536-height":552,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/03\/AddedStyles-List.jpg","2048x2048-width":327,"2048x2048-height":552,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/03\/AddedStyles-List-275x465.jpg","card_image-width":275,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/03\/AddedStyles-List.jpg","wide_image-width":327,"wide_image-height":552}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<p>Next, you can use it to style your layer symbols. Here I am assigning the correct symbol for the listed value of types.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":2274862,"id":2274862,"title":"Styles","filename":"Styles.jpg","filesize":242419,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/03\/Styles.jpg","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/a-new-way-to-add-web-styles-in-map-viewer\/styles-2","alt":"","author":"5551","description":"","caption":"","name":"styles-2","status":"inherit","uploaded_to":2264502,"date":"2024-03-05 16:35:36","modified":"2024-03-05 16:35:36","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":1725,"height":1127,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/03\/Styles-213x200.jpg","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/03\/Styles.jpg","medium-width":399,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/03\/Styles.jpg","medium_large-width":768,"medium_large-height":502,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/03\/Styles.jpg","large-width":1653,"large-height":1080,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/03\/Styles-1536x1004.jpg","1536x1536-width":1536,"1536x1536-height":1004,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/03\/Styles.jpg","2048x2048-width":1725,"2048x2048-height":1127,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/03\/Styles-712x465.jpg","card_image-width":712,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/03\/Styles-1653x1080.jpg","wide_image-width":1653,"wide_image-height":1080}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<p>Once completed with this style I can click on Remove style to clean up my gallery or leave it for use in another map or open up Sketch and use it to markup the map.<\/p>\n"}],"related_articles":"","card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/03\/cardstyle.jpg","wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/03\/bannerstyle.jpg"},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v25.9 (Yoast SEO v25.9) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>A New Way To Add Web Styles in Map Viewer<\/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\/a-new-way-to-add-web-styles-in-map-viewer\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"A New Way To Add Web Styles in Map Viewer\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/a-new-way-to-add-web-styles-in-map-viewer\" \/>\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-03-06T21:21:16+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@ESRI\" \/>\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\/a-new-way-to-add-web-styles-in-map-viewer#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/a-new-way-to-add-web-styles-in-map-viewer\"},\"author\":{\"name\":\"Russell Roberts\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/0d0122ecb2e5c5e15e948308cc4eb9c8\"},\"headline\":\"A New Way To Add Web Styles in Map Viewer\",\"datePublished\":\"2024-03-05T17:19:36+00:00\",\"dateModified\":\"2024-03-06T21:21:16+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/a-new-way-to-add-web-styles-in-map-viewer\"},\"wordCount\":10,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#organization\"},\"keywords\":[\"Map Viewer\",\"sketch\",\"Web Styles\",\"whats new february 2024\"],\"articleSection\":[\"Mapping\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/a-new-way-to-add-web-styles-in-map-viewer#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/a-new-way-to-add-web-styles-in-map-viewer\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/a-new-way-to-add-web-styles-in-map-viewer\",\"name\":\"A New Way To Add Web Styles in Map Viewer\",\"isPartOf\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#website\"},\"datePublished\":\"2024-03-05T17:19:36+00:00\",\"dateModified\":\"2024-03-06T21:21:16+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/a-new-way-to-add-web-styles-in-map-viewer#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/a-new-way-to-add-web-styles-in-map-viewer\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/a-new-way-to-add-web-styles-in-map-viewer#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.esri.com\/arcgis-blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"A New Way To Add Web Styles in Map Viewer\"}]},{\"@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\/0d0122ecb2e5c5e15e948308cc4eb9c8\",\"name\":\"Russell Roberts\",\"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\/2018\/04\/Capture.jpg\",\"contentUrl\":\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/04\/Capture.jpg\",\"caption\":\"Russell Roberts\"},\"description\":\"Russell is a product engineer on the ArcGIS Online team.\",\"sameAs\":[\"https:\/\/x.com\/rssllrbrts\"],\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/author\/russell-roberts\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"A New Way To Add Web Styles in Map Viewer","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\/a-new-way-to-add-web-styles-in-map-viewer","og_locale":"en_US","og_type":"article","og_title":"A New Way To Add Web Styles in Map Viewer","og_url":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/a-new-way-to-add-web-styles-in-map-viewer","og_site_name":"ArcGIS Blog","article_publisher":"https:\/\/www.facebook.com\/esrigis\/","article_modified_time":"2024-03-06T21:21:16+00:00","twitter_card":"summary_large_image","twitter_site":"@ESRI","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":["Article","BlogPosting"],"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/a-new-way-to-add-web-styles-in-map-viewer#article","isPartOf":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/a-new-way-to-add-web-styles-in-map-viewer"},"author":{"name":"Russell Roberts","@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/0d0122ecb2e5c5e15e948308cc4eb9c8"},"headline":"A New Way To Add Web Styles in Map Viewer","datePublished":"2024-03-05T17:19:36+00:00","dateModified":"2024-03-06T21:21:16+00:00","mainEntityOfPage":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/a-new-way-to-add-web-styles-in-map-viewer"},"wordCount":10,"commentCount":0,"publisher":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#organization"},"keywords":["Map Viewer","sketch","Web Styles","whats new february 2024"],"articleSection":["Mapping"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/a-new-way-to-add-web-styles-in-map-viewer#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/a-new-way-to-add-web-styles-in-map-viewer","url":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/a-new-way-to-add-web-styles-in-map-viewer","name":"A New Way To Add Web Styles in Map Viewer","isPartOf":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#website"},"datePublished":"2024-03-05T17:19:36+00:00","dateModified":"2024-03-06T21:21:16+00:00","breadcrumb":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/a-new-way-to-add-web-styles-in-map-viewer#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/a-new-way-to-add-web-styles-in-map-viewer"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/a-new-way-to-add-web-styles-in-map-viewer#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.esri.com\/arcgis-blog\/"},{"@type":"ListItem","position":2,"name":"A New Way To Add Web Styles in Map Viewer"}]},{"@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\/0d0122ecb2e5c5e15e948308cc4eb9c8","name":"Russell Roberts","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\/2018\/04\/Capture.jpg","contentUrl":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/04\/Capture.jpg","caption":"Russell Roberts"},"description":"Russell is a product engineer on the ArcGIS Online team.","sameAs":["https:\/\/x.com\/rssllrbrts"],"url":"https:\/\/www.esri.com\/arcgis-blog\/author\/russell-roberts"}]}},"text_date":"March 5, 2024","author_name":"Russell Roberts","author_page":"https:\/\/www.esri.com\/arcgis-blog\/author\/russell-roberts","custom_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/03\/bannerstyle.jpg","primary_product":"ArcGIS Online","tag_data":[{"term_id":33371,"name":"Map Viewer","slug":"map-viewer","term_group":0,"term_taxonomy_id":33371,"taxonomy":"post_tag","description":"","parent":0,"count":154,"filter":"raw"},{"term_id":759822,"name":"sketch","slug":"sketch","term_group":0,"term_taxonomy_id":759822,"taxonomy":"post_tag","description":"","parent":0,"count":13,"filter":"raw"},{"term_id":765822,"name":"Web Styles","slug":"web-styles","term_group":0,"term_taxonomy_id":765822,"taxonomy":"post_tag","description":"","parent":0,"count":2,"filter":"raw"},{"term_id":773282,"name":"whats new february 2024","slug":"whats-new-february-2024","term_group":0,"term_taxonomy_id":773282,"taxonomy":"post_tag","description":"","parent":0,"count":26,"filter":"raw"}],"category_data":[{"term_id":22941,"name":"Mapping","slug":"mapping","term_group":0,"term_taxonomy_id":22941,"taxonomy":"category","description":"","parent":0,"count":2683,"filter":"raw"}],"product_data":[{"term_id":36551,"name":"ArcGIS Online","slug":"arcgis-online","term_group":0,"term_taxonomy_id":36551,"taxonomy":"product","description":"","parent":0,"count":2419,"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\/2264502","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\/5551"}],"replies":[{"embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/comments?post=2264502"}],"version-history":[{"count":0,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/blog\/2264502\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/media?parent=2264502"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/categories?post=2264502"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/tags?post=2264502"},{"taxonomy":"industry","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/industry?post=2264502"},{"taxonomy":"product","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/product?post=2264502"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}