{"id":149532,"date":"2018-12-13T13:40:25","date_gmt":"2018-12-13T21:40:25","guid":{"rendered":"https:\/\/www.esri.com\/about\/newsroom\/?post_type=arcwatch&#038;p=149532"},"modified":"2018-12-13T13:41:44","modified_gmt":"2018-12-13T21:41:44","slug":"make-your-points-glow-with-firefly-symbols","status":"publish","type":"arcwatch","link":"https:\/\/www.esri.com\/about\/newsroom\/arcwatch\/make-your-points-glow-with-firefly-symbols","title":{"rendered":"Make Your Points Glow with Firefly Symbols"},"content":{"rendered":"","protected":false},"author":1172,"featured_media":0,"menu_order":0,"template":"","format":"standard","meta":{"_acf_changed":false,"sync_status":"","episode_type":"","audio_file":"","castos_file_data":"","podmotor_file_id":"","cover_image":"","cover_image_id":"","duration":"","filesize":"","filesize_raw":"","date_recorded":"","explicit":"","block":"","itunes_episode_number":"","itunes_title":"","itunes_season_number":"","itunes_episode_type":"","footnotes":"","_links_to":"","_links_to_target":""},"categories":[10392,15202],"tags":[271,1281],"arcwatch_issues":[117012],"class_list":["post-149532","arcwatch","type-arcwatch","status-publish","format-standard","hentry","category-arcgis-online","category-cartography","tag-mapping","tag-visualization","arcwatch_issues-december-2018","arcwatch_sections-tech-time"],"acf":{"short_description":"Mark Gallant, founder of EntertainMaps.com, shares a tip on how to use firefly symbology from Esri to make custom point symbols on maps.","pdf":{"host_remotely":false,"file":null,"file_url":""},"flexible_content":[{"acf_fc_layout":"content","content":"<a href=\"https:\/\/esri-styles.maps.arcgis.com\/home\/item.html?id=93a6d9ea3b54478193ba566ab9d8b748\">Firefly point symbols <\/a>were added earlier this year to <a href=\"https:\/\/www.arcgis.com\/index.html\">ArcGIS Online<\/a>. You can use them to symbolize point data as bright, shiny bursts of color outlined by soft, glowing rings in a corresponding hue. Firefly symbols typically work best on top of darker basemaps without a lot of color or detailed features. They also can be used to give custom point symbols some extra pop on maps where you might have overlapping features at a small scale.\r\n\r\n<strong>Customize Your Point Symbols<\/strong>\r\n\r\nA great way to add unique character to your web maps is to use custom icons for your points. Your custom icons need to be hosted somewhere on the web at a publicly accessible location, and they typically look best when sized at 120 by 120 pixels. (For more information, read the <em>ArcWatch<\/em> tip \"<a href=\"http:\/\/www.esri.com\/esri-news\/arcwatch\/0318\/learn-use-images-custom-point-symbols\">Learn to Use Images as Custom Point Symbols<\/a>.\")\r\n\r\nThis article explains how firefly symbology was created for the <a href=\"https:\/\/www.arcgis.com\/apps\/MapJournal\/index.html?appid=e33d656eaf6948d6adf205f72fd02b21\">Katy Perry: On Tour with Twitter<\/a> story map at <a href=\"https:\/\/www.entertainmaps.com\/\">EntertainMaps.com<\/a>, a web site that uses Esri Story Maps apps to tell stories about sports, music, television, and pop culture. The Katy Perry: On Tour with Twitter story map displays Tweets by singer Katy Perry in every city she visited on her latest world tour. The Twitter logo was used for each point symbol to indicate which type of media users will see when they click to open a map pop-up. The layered firefly symbols also add pizzazz by creating a halo around the symbols.\r\n\r\nWhat follows are the steps that were used to create the layered symbols. You can use these steps to create your own glowing custom icons.\r\n\r\n<strong>Step one\u2014<\/strong>In your web map, click <strong>Content<\/strong>, then hover over your layer\u2014in this case, the Tweets layer\u2014and click <strong>Change Style<\/strong>."},{"acf_fc_layout":"image","image":158822,"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"Choose <strong>Show location only<\/strong>, then click <strong>OPTIONS<\/strong>.\r\n\r\n&nbsp;"},{"acf_fc_layout":"image","image":158842,"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"Click <strong>Symbols<\/strong>.\r\n\r\n&nbsp;"},{"acf_fc_layout":"image","image":158862,"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"Next, click <strong>Use an Image<\/strong> and paste the URL of your custom symbols into the text box. Then click the plus sign (+). Adjust the symbol size as desired."},{"acf_fc_layout":"image","image":158882,"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<strong>Step two\u2014<\/strong>Configure the layer pop-ups as desired.\r\n\r\n<strong>Add the Firefly Symbols<\/strong>\r\n\r\nTo make the symbols glow, copy the layer and use the firefly symbols and add firefly symbols underneath the original layer. Here's how to do this:\r\n\r\n<strong>Step one\u2014<\/strong>Make a copy of the Tweets layer.\r\n\r\n&nbsp;"},{"acf_fc_layout":"image","image":158902,"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"Choose <strong>Rename<\/strong>. Give the copy its own name and then move it one level down.\r\n\r\n&nbsp;"},{"acf_fc_layout":"image","image":158922,"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<strong>Step two\u2014<\/strong>Change the symbology to <strong>Firefly<\/strong>. Try to pick a symbol in a color that will match or highlight the custom icon you used earlier.\r\n\r\n&nbsp;"},{"acf_fc_layout":"image","image":158932,"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<strong>Step three\u2014<\/strong>Determine the appropriate symbol size to provide a glow effect around your custom symbols.\r\n\r\n<strong>Step four\u2014<\/strong>In the layer options (\u2026), remove the layer pop-up and hide the layer in the map legend. You only want the original layer to have pop-ups and appear in the map legend."},{"acf_fc_layout":"image","image":158962,"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<strong>Step five\u2014<\/strong>Admire the result!\r\n\r\n&nbsp;"},{"acf_fc_layout":"image","image":158972,"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"The resultant symbology has a nice glowing effect to it, making each Tweet a little easier to see and leaving the overall map looking a little more fun.\r\n\r\nView the <a href=\"https:\/\/www.arcgis.com\/apps\/MapJournal\/index.html?appid=e33d656eaf6948d6adf205f72fd02b21\">finished story map<\/a>.\r\n\r\nYou can learn more about firefly symbology\u2014see the story map <a href=\"https:\/\/nation.maps.arcgis.com\/apps\/Cascade\/index.html?appid=bf439954e2b64d418aedd2fe11217d83\">Firefly Cartography<\/a> and read Esri cartographer John Nelson's blog post, \"<a href=\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-pro\/mapping\/steal-this-firefly-style-please\/\">Steal This Firefly Style Please<\/a>.\"\r\n\r\n&nbsp;"}],"references":null},"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>Make Your Points Glow with Firefly Symbols<\/title>\n<meta name=\"description\" content=\"Mark Gallant, founder of EntertainMaps.com, shares a tip on how to use firefly symbology from Esri to make custom point symbols on maps.\" \/>\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\/about\/newsroom\/arcwatch\/make-your-points-glow-with-firefly-symbols\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Make Your Points Glow with Firefly Symbols\" \/>\n<meta property=\"og:description\" content=\"Mark Gallant, founder of EntertainMaps.com, shares a tip on how to use firefly symbology from Esri to make custom point symbols on maps.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.esri.com\/about\/newsroom\/arcwatch\/make-your-points-glow-with-firefly-symbols\" \/>\n<meta property=\"og:site_name\" content=\"Esri\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/esrigis\/\" \/>\n<meta property=\"article:modified_time\" content=\"2018-12-13T21:41:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.esri.com\/about\/newsroom\/app\/uploads\/2018\/10\/firefly-card-.jpg\" \/>\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\">{\n\t    \"@context\": \"https:\/\/schema.org\",\n\t    \"@graph\": [\n\t        {\n\t            \"@type\": \"WebPage\",\n\t            \"@id\": \"https:\/\/www.esri.com\/about\/newsroom\/arcwatch\/make-your-points-glow-with-firefly-symbols\",\n\t            \"url\": \"https:\/\/www.esri.com\/about\/newsroom\/arcwatch\/make-your-points-glow-with-firefly-symbols\",\n\t            \"name\": \"Make Your Points Glow with Firefly Symbols\",\n\t            \"isPartOf\": {\n\t                \"@id\": \"https:\/\/www.esri.com\/about\/newsroom\/#website\"\n\t            },\n\t            \"datePublished\": \"2018-12-13T21:40:25+00:00\",\n\t            \"dateModified\": \"2018-12-13T21:41:44+00:00\",\n\t            \"description\": \"Mark Gallant, founder of EntertainMaps.com, shares a tip on how to use firefly symbology from Esri to make custom point symbols on maps.\",\n\t            \"breadcrumb\": {\n\t                \"@id\": \"https:\/\/www.esri.com\/about\/newsroom\/arcwatch\/make-your-points-glow-with-firefly-symbols#breadcrumb\"\n\t            },\n\t            \"inLanguage\": \"en-US\",\n\t            \"potentialAction\": [\n\t                {\n\t                    \"@type\": \"ReadAction\",\n\t                    \"target\": [\n\t                        \"https:\/\/www.esri.com\/about\/newsroom\/arcwatch\/make-your-points-glow-with-firefly-symbols\"\n\t                    ]\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"BreadcrumbList\",\n\t            \"@id\": \"https:\/\/www.esri.com\/about\/newsroom\/arcwatch\/make-your-points-glow-with-firefly-symbols#breadcrumb\",\n\t            \"itemListElement\": [\n\t                {\n\t                    \"@type\": \"ListItem\",\n\t                    \"position\": 1,\n\t                    \"name\": \"Home\",\n\t                    \"item\": \"https:\/\/www.esri.com\/about\/newsroom\"\n\t                },\n\t                {\n\t                    \"@type\": \"ListItem\",\n\t                    \"position\": 2,\n\t                    \"name\": \"ArcWatch Articles\",\n\t                    \"item\": \"https:\/\/www.esri.com\/about\/newsroom\/arcwatch\"\n\t                },\n\t                {\n\t                    \"@type\": \"ListItem\",\n\t                    \"position\": 3,\n\t                    \"name\": \"Make Your Points Glow with Firefly Symbols\"\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"WebSite\",\n\t            \"@id\": \"https:\/\/www.esri.com\/about\/newsroom\/#website\",\n\t            \"url\": \"https:\/\/www.esri.com\/about\/newsroom\/\",\n\t            \"name\": \"Esri\",\n\t            \"description\": \"Esri Newsroom\",\n\t            \"potentialAction\": [\n\t                {\n\t                    \"@type\": \"SearchAction\",\n\t                    \"target\": {\n\t                        \"@type\": \"EntryPoint\",\n\t                        \"urlTemplate\": \"https:\/\/www.esri.com\/about\/newsroom\/?s={search_term_string}\"\n\t                    },\n\t                    \"query-input\": {\n\t                        \"@type\": \"PropertyValueSpecification\",\n\t                        \"valueRequired\": true,\n\t                        \"valueName\": \"search_term_string\"\n\t                    }\n\t                }\n\t            ],\n\t            \"inLanguage\": \"en-US\"\n\t        },\n\t        {\n\t            \"@type\": \"Person\",\n\t            \"@id\": \"https:\/\/www.esri.com\/about\/newsroom\/#\/schema\/person\/a808f3d3f9baab44de2533028998afe9\",\n\t            \"name\": \"Carla Wheeler\",\n\t            \"image\": {\n\t                \"@type\": \"ImageObject\",\n\t                \"inLanguage\": \"en-US\",\n\t                \"@id\": \"https:\/\/www.esri.com\/about\/newsroom\/#\/schema\/person\/image\/\",\n\t                \"url\": \"https:\/\/www.esri.com\/about\/newsroom\/app\/uploads\/2018\/08\/carla.jpeg\",\n\t                \"contentUrl\": \"https:\/\/www.esri.com\/about\/newsroom\/app\/uploads\/2018\/08\/carla.jpeg\",\n\t                \"caption\": \"Carla Wheeler\"\n\t            },\n\t            \"description\": \"Carla Wheeler is a former technology writer and editor at Esri and a former newspaper journalist. She graduated from the University of Minnesota with a Bachelor of Arts degree in journalism and political science. She was the previous editor of ArcWatch and worked with ArcGIS StoryMaps apps. Follow her on Twitter @gisjourno.\",\n\t            \"url\": \"https:\/\/www.esri.com\/about\/newsroom\/author\/cwheeler\"\n\t        }\n\t    ]\n\t}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Make Your Points Glow with Firefly Symbols","description":"Mark Gallant, founder of EntertainMaps.com, shares a tip on how to use firefly symbology from Esri to make custom point symbols on 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\/about\/newsroom\/arcwatch\/make-your-points-glow-with-firefly-symbols","og_locale":"en_US","og_type":"article","og_title":"Make Your Points Glow with Firefly Symbols","og_description":"Mark Gallant, founder of EntertainMaps.com, shares a tip on how to use firefly symbology from Esri to make custom point symbols on maps.","og_url":"https:\/\/www.esri.com\/about\/newsroom\/arcwatch\/make-your-points-glow-with-firefly-symbols","og_site_name":"Esri","article_publisher":"https:\/\/www.facebook.com\/esrigis\/","article_modified_time":"2018-12-13T21:41:44+00:00","og_image":[{"url":"https:\/\/www.esri.com\/about\/newsroom\/app\/uploads\/2018\/10\/firefly-card-.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_site":"@Esri","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.esri.com\/about\/newsroom\/arcwatch\/make-your-points-glow-with-firefly-symbols","url":"https:\/\/www.esri.com\/about\/newsroom\/arcwatch\/make-your-points-glow-with-firefly-symbols","name":"Make Your Points Glow with Firefly Symbols","isPartOf":{"@id":"https:\/\/www.esri.com\/about\/newsroom\/#website"},"datePublished":"2018-12-13T21:40:25+00:00","dateModified":"2018-12-13T21:41:44+00:00","description":"Mark Gallant, founder of EntertainMaps.com, shares a tip on how to use firefly symbology from Esri to make custom point symbols on maps.","breadcrumb":{"@id":"https:\/\/www.esri.com\/about\/newsroom\/arcwatch\/make-your-points-glow-with-firefly-symbols#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.esri.com\/about\/newsroom\/arcwatch\/make-your-points-glow-with-firefly-symbols"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.esri.com\/about\/newsroom\/arcwatch\/make-your-points-glow-with-firefly-symbols#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.esri.com\/about\/newsroom"},{"@type":"ListItem","position":2,"name":"ArcWatch Articles","item":"https:\/\/www.esri.com\/about\/newsroom\/arcwatch"},{"@type":"ListItem","position":3,"name":"Make Your Points Glow with Firefly Symbols"}]},{"@type":"WebSite","@id":"https:\/\/www.esri.com\/about\/newsroom\/#website","url":"https:\/\/www.esri.com\/about\/newsroom\/","name":"Esri","description":"Esri Newsroom","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.esri.com\/about\/newsroom\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.esri.com\/about\/newsroom\/#\/schema\/person\/a808f3d3f9baab44de2533028998afe9","name":"Carla Wheeler","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.esri.com\/about\/newsroom\/#\/schema\/person\/image\/","url":"https:\/\/www.esri.com\/about\/newsroom\/app\/uploads\/2018\/08\/carla.jpeg","contentUrl":"https:\/\/www.esri.com\/about\/newsroom\/app\/uploads\/2018\/08\/carla.jpeg","caption":"Carla Wheeler"},"description":"Carla Wheeler is a former technology writer and editor at Esri and a former newspaper journalist. She graduated from the University of Minnesota with a Bachelor of Arts degree in journalism and political science. She was the previous editor of ArcWatch and worked with ArcGIS StoryMaps apps. Follow her on Twitter @gisjourno.","url":"https:\/\/www.esri.com\/about\/newsroom\/author\/cwheeler"}]}},"sort_order":"9","_links":{"self":[{"href":"https:\/\/www.esri.com\/about\/newsroom\/wp-json\/wp\/v2\/arcwatch\/149532","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.esri.com\/about\/newsroom\/wp-json\/wp\/v2\/arcwatch"}],"about":[{"href":"https:\/\/www.esri.com\/about\/newsroom\/wp-json\/wp\/v2\/types\/arcwatch"}],"author":[{"embeddable":true,"href":"https:\/\/www.esri.com\/about\/newsroom\/wp-json\/wp\/v2\/users\/1172"}],"version-history":[{"count":0,"href":"https:\/\/www.esri.com\/about\/newsroom\/wp-json\/wp\/v2\/arcwatch\/149532\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.esri.com\/about\/newsroom\/wp-json\/wp\/v2\/media?parent=149532"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.esri.com\/about\/newsroom\/wp-json\/wp\/v2\/categories?post=149532"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.esri.com\/about\/newsroom\/wp-json\/wp\/v2\/tags?post=149532"},{"taxonomy":"arcwatch_issues","embeddable":true,"href":"https:\/\/www.esri.com\/about\/newsroom\/wp-json\/wp\/v2\/arcwatch_issues?post=149532"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}