{"id":231962,"date":"2019-05-21T20:21:59","date_gmt":"2019-05-22T03:21:59","guid":{"rendered":"https:\/\/www.esri.com\/about\/newsroom\/?post_type=arcuser&p=231962"},"modified":"2019-05-21T20:21:59","modified_gmt":"2019-05-22T03:21:59","slug":"rotating-point-symbols-in-web-maps","status":"publish","type":"arcuser","link":"https:\/\/www.esri.com\/about\/newsroom\/arcuser\/rotating-point-symbols-in-web-maps","title":{"rendered":"Rotating Point Symbols in Web Maps"},"author":1031,"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":"","_links_to":"","_links_to_target":""},"categories":[10392,25022],"tags":[178472],"arcuser_issues":[339722],"class_list":["post-231962","arcuser","type-arcuser","status-publish","format-standard","hentry","category-arcgis-online","category-hands-on","tag-best-practices","arcuser_issues-spring-2019"],"acf":{"short_description":"Point symbols on an ArcGIS Online map can be rotated using an attribute field or an Arcade expression.","pdf":{"host_remotely":false,"file":"","file_url":""},"flexible_content":[{"acf_fc_layout":"pdf","file":232002},{"acf_fc_layout":"content","content":"

Symbols can be rotated <\/span>based on a numeric value. This is useful for showing which way a camera is pointing or a car is moving or the wind is blowing. To use rotation when displaying symbols, the data must have a field containing values that will be used for rotation.<\/p>\r\n

Typically, those values are compass direction with clockwise values of zero at north, 90 at east, 180 at south, and 270 at west. Compass azimuths aren\u2019t required for rotating symbols. You can use any value that makes sense for your needs. You can set the rotation angles to be measured clockwise or counterclockwise, depending on how values are stored.<\/p>\r\n

<\/p>"},{"acf_fc_layout":"image","image":232012,"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"

When rotating clockwise, angles are measured clockwise from the 12 o\u2019clock position. When rotating counterclockwise, angles are measured counterclockwise from the 3 o\u2019clock position.<\/p>\r\n\r\n

Symbol Rotation Exercise<\/h2>\r\n

To follow along with this exercise, download the CSV file at https:\/\/bit.ly\/2NZbEd2. It includes webcam locations (these are dummy locations, not actual locations) as well as the direction the camera is pointing expressed as clockwise compass azimuths.<\/p>\r\n\r\n

Step 1: <\/span>Inspect the data.<\/h3>\r\n

Open the file using Microsoft Excel, Notepad, or another text editor. Note that the file contains locations in latitude-longitude and a direction that will be used to rotate the symbol.<\/p>\r\n\r\n

Step 2: <\/span>Add the data to your map.<\/span><\/h3>\r\n

Add the CSV data to a new map. You can drag the file onto your map or choose Add > Add Layer from File.<\/p>\r\n\r\n

Step 3: <\/span>Change the style of the locations.<\/h3>\r\n

When you add the CSV file in the previous step, Change Style automatically opens. Choose Show location only, then click Options.<\/p>\r\n

<\/p>"},{"acf_fc_layout":"image","image":232032,"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"

Step 4: <\/span>Change the point symbols.<\/h3>\r\n

Click Options and then Symbols to change the point symbols. Choose an arrow symbol from the Arrows category. Since the rotation is stored as compass directions with zero pointing north (up), choose an arrow that points up. Change the symbol size as desired, then click OK.<\/p>\r\n\r\n

Step 5: <\/span>Rotate the symbol.<\/h3>\r\n

Check the Rotate symbols (degrees) box. From the drop-down, choose the field containing the values used for rotation. In this case, the field is Direction. The values are already stored in the expected clockwise format described above, so Geographic (the default) is the correct rotation option. Save your style changes when finished.<\/p>\r\n

<\/p>"},{"acf_fc_layout":"image","image":232052,"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"

Step 6: <\/span>View the map.<\/h3>\r\n

The map now displays the camera locations with the arrow rotated to show the direction of each camera.<\/p>\r\n\r\n

Other Examples<\/h2>\r\n

Rotation can be applied to any feature layer in your map. Symbols can be stacked to create a gauge with a dial. Symbol rotation is used to rotate the dial. For more information, see \u201cCreating dials and gauges using stacked symbols and rotation<\/a>.\"<\/p>\r\n

<\/p>"},{"acf_fc_layout":"image","image":232062,"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"

ArcGIS Arcade is an expression language built into ArcGIS Online that you can use to rotate symbols. For more information, see \u201cUsing Arcade to rotate symbols in web maps<\/a>\u201d (https:\/\/bit.ly\/2Xacg3C) and the Arcade documentation.<\/p>\r\n

For more information, see the \u201cChange style\u201d topic in the ArcGIS Online documentation<\/a>.<\/p>\r\n

<\/p>"}],"references":null},"yoast_head":"\nRotating Point Symbols in Web Maps<\/title>\n<meta name=\"description\" content=\"Symbols can be rotated based on a numeric value. This is useful for showing which way a camera is pointing or a car is moving or the wind is blowing. To use rotation when displaying symbols, the data must have a field containing values that will be used for rotation.\" \/>\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\/arcuser\/rotating-point-symbols-in-web-maps\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Rotating Point Symbols in Web Maps\" \/>\n<meta property=\"og:description\" content=\"Symbols can be rotated based on a numeric value. This is useful for showing which way a camera is pointing or a car is moving or the wind is blowing. To use rotation when displaying symbols, the data must have a field containing values that will be used for rotation.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.esri.com\/about\/newsroom\/arcuser\/rotating-point-symbols-in-web-maps\" \/>\n<meta property=\"og:site_name\" content=\"Esri\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/esrigis\/\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.esri.com\/about\/newsroom\/app\/uploads\/2019\/05\/uq219_rotate_card-1.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\/arcuser\/rotating-point-symbols-in-web-maps\",\n\t \"url\": \"https:\/\/www.esri.com\/about\/newsroom\/arcuser\/rotating-point-symbols-in-web-maps\",\n\t \"name\": \"Rotating Point Symbols in Web Maps\",\n\t \"isPartOf\": {\n\t \"@id\": \"https:\/\/www.esri.com\/about\/newsroom\/#website\"\n\t },\n\t \"datePublished\": \"2019-05-22T03:21:59+00:00\",\n\t \"description\": \"Symbols can be rotated based on a numeric value. This is useful for showing which way a camera is pointing or a car is moving or the wind is blowing. To use rotation when displaying symbols, the data must have a field containing values that will be used for rotation.\",\n\t \"breadcrumb\": {\n\t \"@id\": \"https:\/\/www.esri.com\/about\/newsroom\/arcuser\/rotating-point-symbols-in-web-maps#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\/arcuser\/rotating-point-symbols-in-web-maps\"\n\t ]\n\t }\n\t ]\n\t },\n\t {\n\t \"@type\": \"BreadcrumbList\",\n\t \"@id\": \"https:\/\/www.esri.com\/about\/newsroom\/arcuser\/rotating-point-symbols-in-web-maps#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\": \"Rotating Point Symbols in Web Maps\"\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\/82e5143bcdebadf8fd64d84e503ca468\",\n\t \"name\": \"Monica Pratt\",\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\/MonicaMug_agol2.jpg\",\n\t \"contentUrl\": \"https:\/\/www.esri.com\/about\/newsroom\/app\/uploads\/2018\/08\/MonicaMug_agol2.jpg\",\n\t \"caption\": \"Monica Pratt\"\n\t },\n\t \"description\": \"Monica Pratt is the founding and current editor of ArcUser magazine, the executive editor of ArcNews magazine, the editor of Esri Globe and head of the Publications team at Esri. She has been writing on technology topics, specializing in GIS, for more than 30 years. Before joining Esri in 1997, she worked for newspapers and in the financial industry.\",\n\t \"sameAs\": [\n\t \"https:\/\/x.com\/ArcUser\"\n\t ],\n\t \"url\": \"\"\n\t }\n\t ]\n\t}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Rotating Point Symbols in Web Maps","description":"Symbols can be rotated based on a numeric value. This is useful for showing which way a camera is pointing or a car is moving or the wind is blowing. To use rotation when displaying symbols, the data must have a field containing values that will be used for rotation.","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\/arcuser\/rotating-point-symbols-in-web-maps","og_locale":"en_US","og_type":"article","og_title":"Rotating Point Symbols in Web Maps","og_description":"Symbols can be rotated based on a numeric value. This is useful for showing which way a camera is pointing or a car is moving or the wind is blowing. To use rotation when displaying symbols, the data must have a field containing values that will be used for rotation.","og_url":"https:\/\/www.esri.com\/about\/newsroom\/arcuser\/rotating-point-symbols-in-web-maps","og_site_name":"Esri","article_publisher":"https:\/\/www.facebook.com\/esrigis\/","og_image":[{"url":"https:\/\/www.esri.com\/about\/newsroom\/app\/uploads\/2019\/05\/uq219_rotate_card-1.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\/arcuser\/rotating-point-symbols-in-web-maps","url":"https:\/\/www.esri.com\/about\/newsroom\/arcuser\/rotating-point-symbols-in-web-maps","name":"Rotating Point Symbols in Web Maps","isPartOf":{"@id":"https:\/\/www.esri.com\/about\/newsroom\/#website"},"datePublished":"2019-05-22T03:21:59+00:00","description":"Symbols can be rotated based on a numeric value. This is useful for showing which way a camera is pointing or a car is moving or the wind is blowing. To use rotation when displaying symbols, the data must have a field containing values that will be used for rotation.","breadcrumb":{"@id":"https:\/\/www.esri.com\/about\/newsroom\/arcuser\/rotating-point-symbols-in-web-maps#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.esri.com\/about\/newsroom\/arcuser\/rotating-point-symbols-in-web-maps"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.esri.com\/about\/newsroom\/arcuser\/rotating-point-symbols-in-web-maps#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.esri.com\/about\/newsroom"},{"@type":"ListItem","position":2,"name":"Rotating Point Symbols in Web Maps"}]},{"@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\/82e5143bcdebadf8fd64d84e503ca468","name":"Monica Pratt","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\/MonicaMug_agol2.jpg","contentUrl":"https:\/\/www.esri.com\/about\/newsroom\/app\/uploads\/2018\/08\/MonicaMug_agol2.jpg","caption":"Monica Pratt"},"description":"Monica Pratt is the founding and current editor of ArcUser magazine, the executive editor of ArcNews magazine, the editor of Esri Globe and head of the Publications team at Esri. She has been writing on technology topics, specializing in GIS, for more than 30 years. Before joining Esri in 1997, she worked for newspapers and in the financial industry.","sameAs":["https:\/\/x.com\/ArcUser"],"url":""}]}},"sort_order":"18","_links":{"self":[{"href":"https:\/\/www.esri.com\/about\/newsroom\/wp-json\/wp\/v2\/arcuser\/231962","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.esri.com\/about\/newsroom\/wp-json\/wp\/v2\/arcuser"}],"about":[{"href":"https:\/\/www.esri.com\/about\/newsroom\/wp-json\/wp\/v2\/types\/arcuser"}],"author":[{"embeddable":true,"href":"https:\/\/www.esri.com\/about\/newsroom\/wp-json\/wp\/v2\/users\/1031"}],"version-history":[{"count":0,"href":"https:\/\/www.esri.com\/about\/newsroom\/wp-json\/wp\/v2\/arcuser\/231962\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.esri.com\/about\/newsroom\/wp-json\/wp\/v2\/media?parent=231962"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.esri.com\/about\/newsroom\/wp-json\/wp\/v2\/categories?post=231962"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.esri.com\/about\/newsroom\/wp-json\/wp\/v2\/tags?post=231962"},{"taxonomy":"arcuser_issues","embeddable":true,"href":"https:\/\/www.esri.com\/about\/newsroom\/wp-json\/wp\/v2\/arcuser_issues?post=231962"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}