{"id":614592,"date":"2019-10-10T10:31:14","date_gmt":"2019-10-10T17:31:14","guid":{"rendered":"https:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&p=614592"},"modified":"2019-10-10T10:31:14","modified_gmt":"2019-10-10T17:31:14","slug":"whats-new-in-arcgis-api-for-javascript-october-2019","status":"publish","type":"blog","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/announcements\/whats-new-in-arcgis-api-for-javascript-october-2019","title":{"rendered":"What’s New in ArcGIS API for JavaScript (October 2019)"},"author":7451,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"_acf_changed":false,"_searchwp_excluded":""},"categories":[37101],"tags":[473672,473662,96582,27491,468882],"industry":[],"product":[36831,36601],"class_list":["post-614592","blog","type-blog","status-publish","format-standard","hentry","category-announcements","tag-3-30","tag-4-13","tag-arcgis-api-for-javascript","tag-jsapi4","tag-whats-new-october-2019","product-js-api-arcgis","product-developers"],"acf":{"short_description":"The October update to the ArcGIS API for JavaScript (versions 4.13 and 3.30) brings a lot to the table. Read this blog to find out more.","flexible_content":[{"acf_fc_layout":"content","content":"

Welcome to the October update of the ArcGIS API for JavaScript (versions 4.13 and 3.30). Version 4.13 introduces new exciting functionality, and improves upon the behavior and performance of existing functionality. This blog discusses some of the highlights of this release. Check out the Release notes for 4.13<\/a> for a complete list of updates.<\/p>\n"},{"acf_fc_layout":"content","content":"

Performance Improvements<\/strong><\/p>\n

With each release we continue to make performance improvements. The VectorTileLayer was enhanced with progressive drawing and better tile caching. In 3D SceneViews, the improved VectorTileLayer rendering allows for smoother navigation in scenes with vector basemaps.<\/p>\n

For FeatureLayers, we increased the stability of z-order, and improved the performance of rendering large polyline and polygon features. Our optimized loading strategy makes 3D SceneLayer now load twice as fast.<\/p>\n

Improved 3D Rendering<\/strong><\/p>\n

A new lighting and shading model improves the sense of depth, contrast, and definition of 3D content like buildings, trees, and symbols. Also, when looking closely at available 3D models, you\u2019ll notice material properties like the metallic shine on vehicles and infrastructure.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":632352,"id":632352,"title":"Improved 3D Rendering","filename":"improved-rendering.gif","filesize":168389,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/10\/improved-rendering.gif","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/announcements\/whats-new-in-arcgis-api-for-javascript-october-2019\/improved-rendering","alt":"Improved 3D Rendering","author":"7451","description":"Improved 3D Rendering","caption":"Improved 3D Rendering","name":"improved-rendering","status":"inherit","uploaded_to":614592,"date":"2019-10-10 14:51:15","modified":"2019-10-10 14:51:28","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":1000,"height":562,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/10\/improved-rendering-213x200.gif","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/10\/improved-rendering.gif","medium-width":464,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/10\/improved-rendering.gif","medium_large-width":768,"medium_large-height":432,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/10\/improved-rendering.gif","large-width":1000,"large-height":562,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/10\/improved-rendering.gif","1536x1536-width":1000,"1536x1536-height":562,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/10\/improved-rendering.gif","2048x2048-width":1000,"2048x2048-height":562,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/10\/improved-rendering-826x465.gif","card_image-width":826,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/10\/improved-rendering.gif","wide_image-width":1000,"wide_image-height":562}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/developers.arcgis.com\/javascript\/latest\/guide\/release-notes\/#improved-rendering-in-3d-scenes"},{"acf_fc_layout":"content","content":"

Draped Vector and Raster data, including basemaps, elevation, and imagery now load and display a more homogeneous scale level. Layers showing content with different level of detail (LOD) can be challenging to display with tilted views of the Scene. Now, rather than loading and displaying many scale levels, the API loads and displays the same LOD in large parts of the view.<\/p>\n

Swiper, no swiping?<\/strong><\/p>\n

Do you need to compare imagery? For example, comparing features before and after a natural disaster, or examining urban development over time. If yes, then the Swipe widget<\/a> provides a simple tool to show a portion of a layer or layers on top of a 2D map. Layers can be swiped vertically or horizontally to easily compare two layers, or see what is underneath a layer. Bonus: you can even use multiple Swipe widgets<\/a> to create a seemingly infinite scroll between different layers. Click the GIF below to see a live sample.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":630732,"id":630732,"title":"Swipe widget","filename":"widgets-swipe2.gif","filesize":1067949,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/10\/widgets-swipe2.gif","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/announcements\/whats-new-in-arcgis-api-for-javascript-october-2019\/widgets-swipe2","alt":"Swipe widget","author":"7451","description":"Swipe widget","caption":"Swipe widget sample","name":"widgets-swipe2","status":"inherit","uploaded_to":614592,"date":"2019-10-08 22:12:52","modified":"2019-10-08 22:15:58","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":993,"height":526,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/10\/widgets-swipe2-213x200.gif","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/10\/widgets-swipe2.gif","medium-width":464,"medium-height":246,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/10\/widgets-swipe2.gif","medium_large-width":768,"medium_large-height":407,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/10\/widgets-swipe2.gif","large-width":993,"large-height":526,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/10\/widgets-swipe2.gif","1536x1536-width":993,"1536x1536-height":526,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/10\/widgets-swipe2.gif","2048x2048-width":993,"2048x2048-height":526,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/10\/widgets-swipe2-826x438.gif","card_image-width":826,"card_image-height":438,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/10\/widgets-swipe2.gif","wide_image-width":993,"wide_image-height":526}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/developers.arcgis.com\/javascript\/latest\/sample-code\/widgets-swipe\/index.html"},{"acf_fc_layout":"content","content":"

Attribute driven composite symbols<\/strong><\/p>\n

The Dictionary Renderer<\/a> builds each symbol on-the-fly based on one or several attribute values, and also handles a nearly infinite number of unique combinations. Now you can symbolize layers using a dictionary of symbols configured with multiple attributes. For example, you may want to symbolize alternative fuel stations so that each symbol reflects the fuel type, network type, connector type, etc. This approach is used when symbol specifications lead to many symbol permutations that would be inappropriate for UniqueValueRenderer.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":630402,"id":630402,"title":"Visualize data with dictionary renderer","filename":"dictionary-renderer.png","filesize":101743,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/10\/dictionary-renderer.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/announcements\/whats-new-in-arcgis-api-for-javascript-october-2019\/dictionary-renderer","alt":"Visualize data with dictionary renderer","author":"7451","description":"Visualize data with dictionary renderer","caption":"Visualize data with dictionary renderer sample","name":"dictionary-renderer","status":"inherit","uploaded_to":614592,"date":"2019-10-08 21:33:04","modified":"2019-10-08 21:33:15","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":799,"height":396,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/10\/dictionary-renderer-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/10\/dictionary-renderer.png","medium-width":464,"medium-height":230,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/10\/dictionary-renderer.png","medium_large-width":768,"medium_large-height":381,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/10\/dictionary-renderer.png","large-width":799,"large-height":396,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/10\/dictionary-renderer.png","1536x1536-width":799,"1536x1536-height":396,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/10\/dictionary-renderer.png","2048x2048-width":799,"2048x2048-height":396,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/10\/dictionary-renderer.png","card_image-width":799,"card_image-height":396,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/10\/dictionary-renderer.png","wide_image-width":799,"wide_image-height":396}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/developers.arcgis.com\/javascript\/latest\/sample-code\/visualization-dictionary\/index.html"},{"acf_fc_layout":"content","content":"

Super-duper Measurements<\/strong><\/p>\n

The Measurement widget<\/a> is designed to simplify the user experience and maximize flexibility. A single measurement widget can now be used in both 2D and 3D to measure distance and area. This new widget encapsulates the capabilities from the four current measurement widgets. It allows developers to configure the UI to best match their specific requirements. An upcoming blog post will dive into more details.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":615162,"id":615162,"title":"Measurement widget","filename":"2D_measures.gif","filesize":675803,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/2D_measures.gif","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/announcements\/whats-new-in-arcgis-api-for-javascript-october-2019\/2d_measures","alt":"Measurement widget","author":"7451","description":"","caption":"Measurement widget sample","name":"2d_measures","status":"inherit","uploaded_to":614592,"date":"2019-09-26 20:46:51","modified":"2019-09-26 20:47:14","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":1073,"height":603,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/2D_measures-213x200.gif","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/2D_measures.gif","medium-width":464,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/2D_measures.gif","medium_large-width":768,"medium_large-height":432,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/2D_measures.gif","large-width":1073,"large-height":603,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/2D_measures.gif","1536x1536-width":1073,"1536x1536-height":603,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/2D_measures.gif","2048x2048-width":1073,"2048x2048-height":603,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/2D_measures-826x465.gif","card_image-width":826,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/2D_measures.gif","wide_image-width":1073,"wide_image-height":603}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/developers.arcgis.com\/javascript\/latest\/sample-code\/widgets-measurement\/index.html"},{"acf_fc_layout":"content","content":"

BasemapLayerList Widget<\/strong><\/p>\n

The BasemapLayerList widget<\/a> is similar to the LayerList widget, but targets basemaps instead. The widget displays a list of basemaps that can have their visibility toggled on and off. Base layers and reference layers are divided into separate sections and can be optionally reordered and renamed.<\/p>\n

ScaleRangeSlider Widget<\/strong><\/p>\n

The ScaleRangeSlider widget<\/a> allows the user to set a maximum and minimum scale based on named scale ranges. When a layer is assigned to the widget, the minScale and maxScale are set to the scale range of the layer.<\/p>\n

Now let’s look at what got an upgrade.<\/p>\n

PointCloudLayer Popups<\/strong><\/p>\n

PointCloudLayer<\/a> now supports pop-ups, allowing you to utilize the vast amount of information coming from LiDAR and photography-based scans. Select individual points in a point cloud scene layer to inspect properties such as the classification code, elevation and intensity. Use existing capabilities like the PopupTemplate or Arcade<\/a> expressions allow you to create custom popup layouts.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":632332,"id":632332,"title":"PointCloudLayer Pop-ups","filename":"point-cloud-layer-pop-ups.jpg","filesize":151646,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/10\/point-cloud-layer-pop-ups.jpg","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/announcements\/whats-new-in-arcgis-api-for-javascript-october-2019\/point-cloud-layer-pop-ups","alt":"PointCloudLayer Pop-ups","author":"7451","description":"PointCloudLayer Pop-ups","caption":"PointCloudLayer Pop-ups","name":"point-cloud-layer-pop-ups","status":"inherit","uploaded_to":614592,"date":"2019-10-10 14:45:43","modified":"2019-10-10 14:46:37","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":800,"height":533,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/10\/point-cloud-layer-pop-ups-213x200.jpg","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/10\/point-cloud-layer-pop-ups.jpg","medium-width":392,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/10\/point-cloud-layer-pop-ups.jpg","medium_large-width":768,"medium_large-height":512,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/10\/point-cloud-layer-pop-ups.jpg","large-width":800,"large-height":533,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/10\/point-cloud-layer-pop-ups.jpg","1536x1536-width":800,"1536x1536-height":533,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/10\/point-cloud-layer-pop-ups.jpg","2048x2048-width":800,"2048x2048-height":533,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/10\/point-cloud-layer-pop-ups-698x465.jpg","card_image-width":698,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/10\/point-cloud-layer-pop-ups.jpg","wide_image-width":800,"wide_image-height":533}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/developers.arcgis.com\/javascript\/latest\/sample-code\/layers-pointcloud-portal\/index.html"},{"acf_fc_layout":"content","content":"

ImageryLayer Updates<\/strong><\/p>\n

With the ImageryLayer<\/a> you can now display images in their original coordinate system by specifying the imageCoordinateSystem<\/a> of the 2D MapView. This will allow you to visualize your images without any distortion in its original form. Lastly, performance has been improved in that there will be fewer files requested from CDN, and applications with imagery layers will load faster.<\/p>\n

Bookmark Editing<\/strong><\/p>\n

The Bookmarks widget<\/a> now supports adding, editing, deleting, and reordering bookmarks within the widget by setting the editingEnabled property to true. You can also add new bookmarks manually using the createBookmark()<\/code> method.<\/p>\n

Smarter Mapping<\/strong><\/p>\n

Smart mapping defaults can now be generated for any basemap or background color, whether with a customized vector tile style, or no basemap at all. We also added zoomOptions<\/code> to the smart mapping sliders, allowing you to zoom to smaller ranges within the slider track. This makes styling layers easier for skewed datasets.<\/p>\n"},{"acf_fc_layout":"content","content":"

API Modernization<\/strong><\/p>\n

We made several updates to modernize and strengthen the API:<\/p>\n