{"id":79271,"date":"2017-09-05T08:56:09","date_gmt":"2017-09-05T08:56:09","guid":{"rendered":"http:\/\/www.esri.com\/arcgis-blog\/products\/product\/uncategorized\/mapping-art-in-3d\/"},"modified":"2020-01-29T01:51:28","modified_gmt":"2020-01-29T09:51:28","slug":"mapping-art-in-3d","status":"publish","type":"blog","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/3d-gis\/3d-gis\/mapping-art-in-3d","title":{"rendered":"Mapping art in 3D"},"author":7011,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"_acf_changed":false,"_searchwp_excluded":""},"categories":[23771,22941],"tags":[25781,23951,549072,27491,40161],"industry":[],"product":[36581,36831,36601],"class_list":["post-79271","blog","type-blog","status-publish","format-standard","hentry","category-3d-gis","category-mapping","tag-3d","tag-community-maps-program","tag-esrirdzurich","tag-jsapi4","tag-living-atlas-of-the-world","product-arcgis-living-atlas","product-js-api-arcgis","product-developers"],"acf":{"short_description":"I regularly check the Open Data portals because there's always some new, interesting dataset out there. Recently, I stumbled upon data of...","flexible_content":[{"acf_fc_layout":"content","content":"<p>I regularly check the Open Data portals because there&#8217;s always some new, interesting dataset out there. Recently, I stumbled upon data of independent art galleries in New York City on the\u00a0<a href=\"https:\/\/data.cityofnewyork.us\/Recreation\/NYC-Art-Galleries\/dqn4-tbkx\">NYC OpenData portal<\/a>\u00a0and decided to create a scene with them.\u00a0I was amazed that New York City has so many art galleries&#8230;especially in Manhattan.<!--more--> I wanted to give more context to the scene, so I also downloaded the <a href=\"http:\/\/www1.nyc.gov\/site\/doitt\/initiatives\/3d-building.page\">NYC building data<\/a>. Since this is a scene about art, a natural choice for the basemap was the <a href=\"http:\/\/maps.stamen.com\/watercolor\/#12\/37.7706\/-122.3782\">Watercolor basemap from Stamen<\/a>. See a live demo <a href=\"https:\/\/ralucanicola.github.io\/JSAPI_demos\/art-galleries-nyc\/\">here<\/a>.<\/p>\n<p><a href=\"https:\/\/ralucanicola.github.io\/JSAPI_demos\/art-galleries-nyc\/index.html\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-86047\" src=\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2017\/09\/screenshot.png\" alt=\"\" width=\"1020\" height=\"608\" \/><\/a><\/p>\n<p>After <a href=\"http:\/\/doc.arcgis.com\/en\/arcgis-online\/share-maps\/publish-features.htm#ESRI_SECTION1_CFBCE06ADF19474F8132339DD277E5B7\">publishing the point<\/a> and <a href=\"http:\/\/doc.arcgis.com\/en\/arcgis-online\/share-maps\/publish-scenes.htm\">buildings data<\/a> to ArcGIS Online, I was ready to start with the real fun part: visualizing the art galleries using <a href=\"https:\/\/developers.arcgis.com\/javascript\/\">ArcGIS API for JavaScript<\/a>.<\/p>\n<h2>Visualize buildings<\/h2>\n<p>Visualization of the New York buildings was an important step to give a sense of place in the scene. For example, the buildings make it easier to locate art galleries. With this in mind, I shaded in purple buildings that have at least one art gallery. The rest I left beige. To accomplish this, I used a <a href=\"https:\/\/developers.arcgis.com\/javascript\/latest\/api-reference\/esri-renderers-ClassBreaksRenderer.html\">ClassBreaksRenderer<\/a>:<\/p>\n<pre><code>\r\n<span style=\"color: #333; font-weight: bold;\">var<\/span> renderer = <span style=\"color: #333; font-weight: bold;\">new<\/span> ClassBreaksRenderer({\r\n  field: <span style=\"color: #d14;\">\"NoArtGalleries\"<\/span>,\r\n  defaultSymbol: <span style=\"color: #333; font-weight: bold;\">new<\/span> MeshSymbol3D({\r\n    symbolLayers: [<span style=\"color: #333; font-weight: bold;\">new<\/span> FillSymbol3DLayer({\r\n      material: {\r\n        color: [<span style=\"color: #008080;\">255<\/span>, <span style=\"color: #008080;\">235<\/span>, <span style=\"color: #008080;\">190<\/span>, <span style=\"color: #008080;\">0.9<\/span>]\r\n      }\r\n    })]\r\n  }),\r\n  classBreakInfos: [{\r\n    minValue: <span style=\"color: #008080;\">1<\/span>,\r\n    maxValue: <span style=\"color: #008080;\">30<\/span>,\r\n    symbol: <span style=\"color: #333; font-weight: bold;\">new<\/span> MeshSymbol3D({\r\n      symbolLayers: [<span style=\"color: #333; font-weight: bold;\">new<\/span> FillSymbol3DLayer({\r\n        material: { color: [<span style=\"color: #008080;\">187<\/span>, <span style=\"color: #008080;\">165<\/span>, <span style=\"color: #008080;\">181<\/span>, <span style=\"color: #008080;\">1<\/span>] }\r\n      })]\r\n    })\r\n  }]\r\n});\r\n\r\n<\/code><\/pre>\n<h2>Visualize points of interest<\/h2>\n<p>With the new features in <a href=\"https:\/\/developers.arcgis.com\/javascript\/\">ArcGIS API 4.4<\/a> you can now create really nice visualizations of points of interest where the scene is balanced and easy to read.<\/p>\n<p>First of all, I used a<a href=\"https:\/\/developers.arcgis.com\/javascript\/latest\/api-reference\/esri-renderers-SimpleRenderer.html\"> simple renderer<\/a> to display all the points with the same icon:<\/p>\n<pre><code>\r\n<span style=\"color: #333; font-weight: bold;\">var<\/span> renderer = <span style=\"color: #333; font-weight: bold;\">new<\/span> SimpleRenderer({\r\n  symbol: <span style=\"color: #333; font-weight: bold;\">new<\/span> PointSymbol3D({\r\n    symbolLayers: [<span style=\"color: #333; font-weight: bold;\">new<\/span> IconSymbol3DLayer({\r\n      resource: {\r\n       href: <span style=\"color: #d14;\">\".\/img\/icon.png\"<\/span>\r\n      },\r\n      size: <span style=\"color: #008080;\">28<\/span>\r\n    })]\r\n  })\r\n});\r\n\r\n<\/code><\/pre>\n<p>In this dataset there are 917 art galleries and many of them are inside buildings. Therefore icons will be hidden by buildings when looking at the scene in a detailed tilted view (see image below on the left). In a smaller scale view of New York, the icons fully cover the scene (image on the right).<\/p>\n<p><a href=\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2017\/09\/before1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-86051\" src=\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2017\/09\/before1-1024x391.png\" alt=\"\" width=\"640\" height=\"244\" \/><\/a><\/p>\n<p>Luckily, with the new features of <a href=\"https:\/\/developers.arcgis.com\/javascript\/\">ArcGIS API 4.4<\/a> this can be fixed.<\/p>\n<h4>Show points inside buildings<\/h4>\n<p>If a point of interest is located inside the building, you can&#8217;t see it because it is hidden by the building&#8217;s geometry.<\/p>\n<p>This can be solved by placing the point of interest on the rooftop of the building. In more technical terms, I can display the point relative to the height of the building scene layer at the location of the point. In the image below the yellow buildings represent scene layer features and the ground is green. With the points aligned to the scene, the art galleries are no longer on the ground, but relative to the building rooftops.<br \/>\n<a href=\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2017\/09\/relative-to-scene-explanation.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-86052\" src=\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2017\/09\/relative-to-scene-explanation.png\" alt=\"\" width=\"452\" height=\"162\" \/><\/a><br \/>\nTo enable this feature, I need to set the <a href=\"https:\/\/developers.arcgis.com\/javascript\/latest\/api-reference\/esri-layers-FeatureLayer.html#elevationInfo\">elevationInfo<\/a> mode of the layer to\u00a0<code>relative-to-scene<\/code>:<\/p>\n<pre><code>\r\n<span style=\"color: #333; font-weight: bold;\">var<\/span> pointsOfInterest = <span style=\"color: #333; font-weight: bold;\">new<\/span> FeatureLayer({\r\n  ...,\r\n  elevationInfo: {\r\n    mode: <span style=\"color: #d14;\">\"relative-to-scene\"<\/span>\r\n  }\r\n});\r\n\r\n<\/code><\/pre>\n<p>Relative to scene mode currently only works for point geometries.<\/p>\n<h4>Declutter the scene<\/h4>\n<p>Now I can see the icons, but I have the opposite problem: in some areas there are so many art galleries that when I zoom out points overlap each other which makes the scene look very crowded.<\/p>\n<p><a href=\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2017\/09\/feature-reduction.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-86053\" src=\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2017\/09\/feature-reduction.png\" alt=\"\" width=\"600\" height=\"360\" \/><\/a><\/p>\n<p>I can now filter out overlapping icons by using a new layer property called <a href=\"https:\/\/developers.arcgis.com\/javascript\/latest\/api-reference\/esri-layers-FeatureLayer.html#featureReduction\"><code>featureReduction<\/code><\/a>. This ensures that all icons are visible at a large city scale, without cluttering the scene at a small scale.<\/p>\n<pre><code>\r\n<span style=\"color: #333; font-weight: bold;\">var<\/span> pointsOfInterest = <span style=\"color: #333; font-weight: bold;\">new<\/span> FeatureLayer({\r\n  ...,\r\n  featureReduction: {\r\n    type: <span style=\"color: #d14;\">\"selection\"<\/span>\r\n  }\r\n});\r\n\r\n<\/code><\/pre>\n<h4>Understand the real location of the point<\/h4>\n<p>No matter how good you are at reading maps, in 3D it&#8217;s quite hard to tell where an icon is located just by looking at the scene. Have a look at this point:<\/p>\n<p><a href=\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2017\/09\/position.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-86054\" src=\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2017\/09\/position.png\" alt=\"\" width=\"203\" height=\"238\" \/><\/a><\/p>\n<p>You&#8217;d have to pan and rotate to actually figure out to which building the art gallery belongs. This experience can now be improved by using\u00a0<a href=\"https:\/\/developers.arcgis.com\/javascript\/latest\/api-reference\/esri-symbols-callouts-LineCallout3D.html\">callout lines<\/a>\u00a0that point to the actual location of each point. So now you can clearly see this point is located in the purple building behind:<\/p>\n<p><a href=\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2017\/09\/callout-position.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-86055\" src=\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2017\/09\/callout-position.png\" alt=\"\" width=\"205\" height=\"283\" \/><\/a><\/p>\n<p>Callouts are set on a symbol level. First, you need to vertically shift the point with a <a href=\"https:\/\/developers.arcgis.com\/javascript\/latest\/api-reference\/esri-symbols-PointSymbol3D.html#verticalOffset\">vertical offset<\/a>:<\/p>\n<pre><code>\r\nverticalOffset: {\r\n  screenLength: <span style=\"color: #008080;\">40<\/span>,\r\n  maxWorldLength: <span style=\"color: #008080;\">200<\/span>\r\n}\r\n\r\n<\/code><\/pre>\n<p>Next you can set the <a href=\"https:\/\/developers.arcgis.com\/javascript\/latest\/api-reference\/esri-symbols-PointSymbol3D.html#callout\">callout<\/a> (for now only callouts of type line are supported):<\/p>\n<pre><code>\r\ncallout: <span style=\"color: #333; font-weight: bold;\">new<\/span> LineCallout3D({\r\n  color: <span style=\"color: #d14;\">\"#534741\"<\/span>,\r\n  size: <span style=\"color: #008080;\">1<\/span>\r\n})\r\n\r\n<\/code><\/pre>\n<p>The vertical offset shifts the point in the vertical direction and the callout adds the line corresponding to that offset. Callout lines only work together with the vertical offset.<\/p>\n<h4>Improve depth perception<\/h4>\n<p>Now my scene looks like this:<\/p>\n<p><a href=\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2017\/09\/mimic.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-86056\" src=\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2017\/09\/mimic-1024x608.png\" alt=\"\" width=\"640\" height=\"380\" \/><\/a><\/p>\n<p>You might notice that the icons in the back are smaller than the icons in the front. That&#8217;s because we worked on improving depth perception. <a href=\"https:\/\/developers.arcgis.com\/javascript\/latest\/api-reference\/esri-layers-FeatureLayer.html#screenSizePerspectiveEnabled\"><code>screenSizePerspectiveEnabled<\/code><\/a> is a property at the layer level that automatically calculates the size of icons based on the distance to the camera. By default it is set to <code>true<\/code>, so if there are visual variables with size, the setting should be set to <code>false<\/code>.<\/p>\n<p>Last but not least, I added a <a href=\"https:\/\/developers.arcgis.com\/javascript\/latest\/api-reference\/esri-widgets-Search.html\">search widget<\/a> to search for features in the art galleries layer and a<a href=\"https:\/\/developers.arcgis.com\/javascript\/latest\/api-reference\/esri-widgets-Popup.html\"> popup<\/a> to show more information about each one of the art galleries.<\/p>\n<p>Check the live scene\u00a0<a href=\"https:\/\/ralucanicola.github.io\/JSAPI_demos\/art-galleries-nyc\/index.html\">here<\/a>.<\/p>\n<p><a href=\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2017\/09\/finalScreenshot.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-86057\" src=\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2017\/09\/finalScreenshot-1024x610.png\" alt=\"\" width=\"640\" height=\"381\" \/><\/a><\/p>\n<p>Feel free to drop a comment in case you used any of these features. I&#8217;d love to know what you created with them!<br \/>\nRaluca<\/p>\n"}],"authors":[{"ID":7011,"user_firstname":"Raluca","user_lastname":"Nicola","nickname":"Raluca Nicola","user_nicename":"raluca_zurich","display_name":"Raluca Nicola","user_email":"RNicola@esri.com","user_url":"https:\/\/raluca-nicola.net\/","user_registered":"2018-03-02 00:19:07","user_description":"Raluca works as a web cartographer with the Geo Experience Center team at Esri. She loves to play around with web technologies and visualization styles. If she's not in front of the computer, she's probably somewhere up in the mountains.","user_avatar":"<img data-del=\"avatar\" src='https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/04\/7VkWXsZ3_400x400.jpg' class='avatar pp-user-avatar avatar-96 photo ' height='96' width='96'\/>"}],"related_articles":"","card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2017\/09\/art-galleries.png","wide_image":false},"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>Mapping art in 3D<\/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\/3d-gis\/3d-gis\/mapping-art-in-3d\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Mapping art in 3D\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.esri.com\/arcgis-blog\/products\/3d-gis\/3d-gis\/mapping-art-in-3d\" \/>\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=\"2020-01-29T09:51:28+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\/3d-gis\/3d-gis\/mapping-art-in-3d#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/3d-gis\/3d-gis\/mapping-art-in-3d\"},\"author\":{\"name\":\"Raluca Nicola\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/e8fe39abb687cde59f7f1296fbfb24a4\"},\"headline\":\"Mapping art in 3D\",\"datePublished\":\"2017-09-05T08:56:09+00:00\",\"dateModified\":\"2020-01-29T09:51:28+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/3d-gis\/3d-gis\/mapping-art-in-3d\"},\"wordCount\":4,\"publisher\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#organization\"},\"keywords\":[\"3D\",\"Community Maps Program\",\"EsriRDZurich\",\"jsapi4\",\"Living Atlas of the World\"],\"articleSection\":[\"3D Visualization &amp; Analytics\",\"Mapping\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/3d-gis\/3d-gis\/mapping-art-in-3d\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/3d-gis\/3d-gis\/mapping-art-in-3d\",\"name\":\"Mapping art in 3D\",\"isPartOf\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#website\"},\"datePublished\":\"2017-09-05T08:56:09+00:00\",\"dateModified\":\"2020-01-29T09:51:28+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/3d-gis\/3d-gis\/mapping-art-in-3d#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.esri.com\/arcgis-blog\/products\/3d-gis\/3d-gis\/mapping-art-in-3d\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/3d-gis\/3d-gis\/mapping-art-in-3d#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.esri.com\/arcgis-blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Mapping art in 3D\"}]},{\"@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\/e8fe39abb687cde59f7f1296fbfb24a4\",\"name\":\"Raluca Nicola\",\"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\/7VkWXsZ3_400x400.jpg\",\"contentUrl\":\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/04\/7VkWXsZ3_400x400.jpg\",\"caption\":\"Raluca Nicola\"},\"description\":\"Raluca works as a web cartographer with the Geo Experience Center team at Esri. She loves to play around with web technologies and visualization styles. If she's not in front of the computer, she's probably somewhere up in the mountains.\",\"sameAs\":[\"https:\/\/raluca-nicola.net\/\",\"https:\/\/www.linkedin.com\/in\/raluca-nicola-cartography\/\",\"https:\/\/x.com\/nicolaraluk\"],\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/author\/raluca_zurich\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Mapping art in 3D","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\/3d-gis\/3d-gis\/mapping-art-in-3d","og_locale":"en_US","og_type":"article","og_title":"Mapping art in 3D","og_url":"https:\/\/www.esri.com\/arcgis-blog\/products\/3d-gis\/3d-gis\/mapping-art-in-3d","og_site_name":"ArcGIS Blog","article_publisher":"https:\/\/www.facebook.com\/esrigis\/","article_modified_time":"2020-01-29T09:51:28+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\/3d-gis\/3d-gis\/mapping-art-in-3d#article","isPartOf":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/3d-gis\/3d-gis\/mapping-art-in-3d"},"author":{"name":"Raluca Nicola","@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/e8fe39abb687cde59f7f1296fbfb24a4"},"headline":"Mapping art in 3D","datePublished":"2017-09-05T08:56:09+00:00","dateModified":"2020-01-29T09:51:28+00:00","mainEntityOfPage":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/3d-gis\/3d-gis\/mapping-art-in-3d"},"wordCount":4,"publisher":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#organization"},"keywords":["3D","Community Maps Program","EsriRDZurich","jsapi4","Living Atlas of the World"],"articleSection":["3D Visualization &amp; Analytics","Mapping"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/3d-gis\/3d-gis\/mapping-art-in-3d","url":"https:\/\/www.esri.com\/arcgis-blog\/products\/3d-gis\/3d-gis\/mapping-art-in-3d","name":"Mapping art in 3D","isPartOf":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#website"},"datePublished":"2017-09-05T08:56:09+00:00","dateModified":"2020-01-29T09:51:28+00:00","breadcrumb":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/3d-gis\/3d-gis\/mapping-art-in-3d#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.esri.com\/arcgis-blog\/products\/3d-gis\/3d-gis\/mapping-art-in-3d"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/3d-gis\/3d-gis\/mapping-art-in-3d#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.esri.com\/arcgis-blog\/"},{"@type":"ListItem","position":2,"name":"Mapping art in 3D"}]},{"@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\/e8fe39abb687cde59f7f1296fbfb24a4","name":"Raluca Nicola","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\/7VkWXsZ3_400x400.jpg","contentUrl":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/04\/7VkWXsZ3_400x400.jpg","caption":"Raluca Nicola"},"description":"Raluca works as a web cartographer with the Geo Experience Center team at Esri. She loves to play around with web technologies and visualization styles. If she's not in front of the computer, she's probably somewhere up in the mountains.","sameAs":["https:\/\/raluca-nicola.net\/","https:\/\/www.linkedin.com\/in\/raluca-nicola-cartography\/","https:\/\/x.com\/nicolaraluk"],"url":"https:\/\/www.esri.com\/arcgis-blog\/author\/raluca_zurich"}]}},"text_date":"September 5, 2017","author_name":"Raluca Nicola","author_page":"https:\/\/www.esri.com\/arcgis-blog\/author\/raluca_zurich","custom_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/08\/Newsroom-Keyart-Wide-1920-x-1080.jpg","primary_product":"ArcGIS Living Atlas","tag_data":[{"term_id":25781,"name":"3D","slug":"3d","term_group":0,"term_taxonomy_id":25781,"taxonomy":"post_tag","description":"","parent":0,"count":348,"filter":"raw"},{"term_id":23951,"name":"Community Maps Program","slug":"community-maps-program","term_group":0,"term_taxonomy_id":23951,"taxonomy":"post_tag","description":"","parent":0,"count":192,"filter":"raw"},{"term_id":549072,"name":"EsriRDZurich","slug":"esrirdzurich","term_group":0,"term_taxonomy_id":549072,"taxonomy":"post_tag","description":"","parent":0,"count":96,"filter":"raw"},{"term_id":27491,"name":"jsapi4","slug":"jsapi4","term_group":0,"term_taxonomy_id":27491,"taxonomy":"post_tag","description":"","parent":0,"count":111,"filter":"raw"},{"term_id":40161,"name":"Living Atlas of the World","slug":"living-atlas-of-the-world","term_group":0,"term_taxonomy_id":40161,"taxonomy":"post_tag","description":"","parent":0,"count":394,"filter":"raw"}],"category_data":[{"term_id":23771,"name":"3D Visualization &amp; Analytics","slug":"3d-gis","term_group":0,"term_taxonomy_id":23771,"taxonomy":"category","description":"","parent":0,"count":702,"filter":"raw"},{"term_id":22941,"name":"Mapping","slug":"mapping","term_group":0,"term_taxonomy_id":22941,"taxonomy":"category","description":"","parent":0,"count":2716,"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":1178,"filter":"raw"},{"term_id":36831,"name":"ArcGIS Maps SDK for JavaScript","slug":"js-api-arcgis","term_group":0,"term_taxonomy_id":36831,"taxonomy":"product","description":"","parent":36601,"count":364,"filter":"raw"},{"term_id":36601,"name":"Developers","slug":"developers","term_group":0,"term_taxonomy_id":36601,"taxonomy":"product","description":"","parent":0,"count":770,"filter":"raw"}],"primary_product_link":"https:\/\/www.esri.com\/arcgis-blog\/?s=#&products=arcgis-living-atlas","_links":{"self":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/blog\/79271","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\/7011"}],"replies":[{"embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/comments?post=79271"}],"version-history":[{"count":0,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/blog\/79271\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/media?parent=79271"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/categories?post=79271"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/tags?post=79271"},{"taxonomy":"industry","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/industry?post=79271"},{"taxonomy":"product","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/product?post=79271"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}