{"id":363902,"date":"2018-12-13T10:06:06","date_gmt":"2018-12-13T18:06:06","guid":{"rendered":"http:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&p=363902"},"modified":"2019-04-01T11:50:41","modified_gmt":"2019-04-01T18:50:41","slug":"whats-new-in-arcgis-api-for-javascript-4-10-december-2018","status":"publish","type":"blog","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/announcements\/whats-new-in-arcgis-api-for-javascript-4-10-december-2018","title":{"rendered":"What’s New in ArcGIS API 4.10 for JavaScript (December 2018)"},"author":4271,"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":[275312,244192,27491,268462],"industry":[],"product":[36831,36601],"class_list":["post-363902","blog","type-blog","status-publish","format-standard","hentry","category-announcements","tag-3-27","tag-4-10","tag-jsapi4","tag-whats-new-december-2018","product-js-api-arcgis","product-developers"],"acf":{"short_description":"Check out what's new with the ArcGIS API for JavaScript version 4.10 (December 2018).","flexible_content":[{"acf_fc_layout":"content","content":"

`Tis the season for holidays, vacations, snow forts, sunny beaches, desk jobs, field jobs, sports, politics, and\u00a0birthdays. Today, we are proud to add Web GIS Developers to this inclusive December celebration with the release of version 4.10 of the ArcGIS API for JavaScript<\/a>.<\/p>\n

Version 4.10<\/a> introduces a considerable amount of new and improved functionality. We took major strides in advancing editing workflows with the new FeatureTemplates widget.\u00a0We added 2D area and distance measurement widgets, and we boosted performance by drawing\u00a0all of the layers in the map using a single WebGL context. We enhanced the 3D experience with more performant WebStyleSymbols, introduced a new building layer type for visualizing buildings with detailed interiors, added a new widget for revealing obstructed content in a 3D scene, , and so much more.<\/p>\n"},{"acf_fc_layout":"content","content":"

Editing Workflows<\/h3>\n

The new\u00a0FeatureTemplates<\/a>\u00a0widget displays templates from one or more feature layers, and allows end users to create new features. For example, it allows you to filter the templates by name or by geometry type (which is helpful when you have a large variety of feature templates in your layers), and group templates for an easier editing experience. See the FeatureTemplates sample<\/a>\u00a0to see this widget in action.<\/p>\n"},{"acf_fc_layout":"content","content":"

Sketching<\/h3>\n

The\u00a0Sketch<\/a>\u00a0widget provides a simple UI for creating and updating graphics in a 2D MapView.\u00a0It is intended to be used with\u00a0graphics<\/a>\u00a0stored in its\u00a0layer<\/a>\u00a0property. By default, the Sketch widget provides out-of-the-box tools for creating and updating graphics with\u00a0point<\/a>,\u00a0polyline<\/a>,\u00a0polygon<\/a>,\u00a0rectangle<\/a> and\u00a0circle<\/a>\u00a0geometries. The widget allows users to undo and redo edits, as well as select and edit multiple graphics at once. See the\u00a0Sketch widget sample<\/a>\u00a0to learn more about Sketch widget.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":372152,"id":372152,"title":"sketch-widget","filename":"sketch-widget.gif","filesize":979091,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/12\/sketch-widget.gif","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/announcements\/whats-new-in-arcgis-api-for-javascript-4-10-december-2018\/sketch-widget","alt":"","author":"7451","description":"","caption":"Sketch widget","name":"sketch-widget","status":"inherit","uploaded_to":363902,"date":"2018-12-06 21:26:06","modified":"2018-12-06 21:26:24","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":480,"height":257,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/12\/sketch-widget.gif","thumbnail-width":213,"thumbnail-height":114,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/12\/sketch-widget.gif","medium-width":464,"medium-height":248,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/12\/sketch-widget.gif","medium_large-width":480,"medium_large-height":257,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/12\/sketch-widget.gif","large-width":480,"large-height":257,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/12\/sketch-widget.gif","1536x1536-width":480,"1536x1536-height":257,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/12\/sketch-widget.gif","2048x2048-width":480,"2048x2048-height":257,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/12\/sketch-widget.gif","card_image-width":480,"card_image-height":257,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/12\/sketch-widget.gif","wide_image-width":480,"wide_image-height":257}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/developers.arcgis.com\/javascript\/latest\/sample-code\/sketch-geometries\/index.html"},{"acf_fc_layout":"content","content":"

Widgets for 2D Measurements<\/h3>\n

We also added two new measurement widgets for working with 2D MapViews. The\u00a0AreaMeasurement2D<\/a>\u00a0widget calculates and displays the area and perimeter of a polygon. The\u00a0DistanceMeasurement2D<\/a>\u00a0widget calculates and displays the distance between two or more points. See the\u00a0Measurement in 2D sample<\/a>\u00a0for an example of both widgets.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":372162,"id":372162,"title":"","filename":"measuring_2D-copy.gif","filesize":732495,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/12\/measuring_2D-copy.gif","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/announcements\/whats-new-in-arcgis-api-for-javascript-4-10-december-2018\/measuring_2d-copy-2","alt":"","author":"7451","description":"","caption":"2D Measurement widgets","name":"measuring_2d-copy-2","status":"inherit","uploaded_to":363902,"date":"2018-12-06 21:30:44","modified":"2018-12-06 21:38:31","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":640,"height":323,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/12\/measuring_2D-copy.gif","thumbnail-width":213,"thumbnail-height":107,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/12\/measuring_2D-copy.gif","medium-width":464,"medium-height":234,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/12\/measuring_2D-copy.gif","medium_large-width":640,"medium_large-height":323,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/12\/measuring_2D-copy.gif","large-width":640,"large-height":323,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/12\/measuring_2D-copy.gif","1536x1536-width":640,"1536x1536-height":323,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/12\/measuring_2D-copy.gif","2048x2048-width":640,"2048x2048-height":323,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/12\/measuring_2D-copy.gif","card_image-width":640,"card_image-height":323,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/12\/measuring_2D-copy.gif","wide_image-width":640,"wide_image-height":323}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/developers.arcgis.com\/javascript\/latest\/sample-code\/widgets-measurement-2d\/index.html"},{"acf_fc_layout":"content","content":"

Boosted Performance<\/h3>\n

WebGL<\/a>\u00a0is now used for drawing all layers in 2D MapViews. We have moved to a single WebGL context to improve drawing performance, especially on mobile devices. While we constantly focus on improving performance, this release marks a significant advancement.<\/p>\n

Previously, we added support for loading large point feature layers in a WebScene. Now, you can also add thousands of lines and polygons, allowing you to visualize feature layers with large datasets containing features such as streets, rivers, parcels, and country borders.<\/p>\n"},{"acf_fc_layout":"content","content":"

3D BuildingSceneLayer and Slice Widget<\/h3>\n

Explore the fine details of buildings using the new BuildingSceneLayer<\/a>. These building models are usually exported from Building Information Modeling (BIM) projects.\u00a0This new layer allows you to display and hide exterior and interior structures like facades, walls, doors and mechanical systems.<\/p>\n

One great way to experience the BuildingSceneLayer is with the\u00a0Slice widget<\/a>, which is a 3D analysis tool that can be used to reveal occluded content in a\u00a0SceneView<\/a>. The slice widget can be applied to any layer type, making it possible to see inside buildings or to explore geological surfaces. See the BuildingSceneLayer with Slice widget sample<\/a> for more details.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":378592,"id":378592,"title":"slice_widget","filename":"slice_widget.gif","filesize":917117,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/12\/slice_widget.gif","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/announcements\/whats-new-in-arcgis-api-for-javascript-4-10-december-2018\/slice_widget","alt":"","author":"7451","description":"","caption":"3D Slice widget","name":"slice_widget","status":"inherit","uploaded_to":363902,"date":"2018-12-12 19:22:35","modified":"2018-12-12 19:36:43","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":626,"height":380,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/12\/slice_widget.gif","thumbnail-width":213,"thumbnail-height":129,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/12\/slice_widget.gif","medium-width":430,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/12\/slice_widget.gif","medium_large-width":626,"medium_large-height":380,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/12\/slice_widget.gif","large-width":626,"large-height":380,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/12\/slice_widget.gif","1536x1536-width":626,"1536x1536-height":380,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/12\/slice_widget.gif","2048x2048-width":626,"2048x2048-height":380,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/12\/slice_widget.gif","card_image-width":626,"card_image-height":380,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/12\/slice_widget.gif","wide_image-width":626,"wide_image-height":380}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/developers.arcgis.com\/javascript\/latest\/sample-code\/building-scene-layer-slice\/index.html"},{"acf_fc_layout":"content","content":"

Enhanced 3D WebStyleSymbols<\/h3>\n

GIS development is both a science and an art. To that end, we added a new automatic level of detail to the 3D WebStyleSymbols<\/a>, so that you can display tens of thousands of realistic trees, cars and other models, and maintain strong performance while zooming in and out. Check out the Realistic WebStyleSymbols sample<\/a> to see how the symbols perform at different scales.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":372302,"id":372302,"title":"new_3d_webstylesymbol","filename":"new_3d_webstylesymbol.png","filesize":119235,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/12\/new_3d_webstylesymbol.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/announcements\/whats-new-in-arcgis-api-for-javascript-4-10-december-2018\/new_3d_webstylesymbol","alt":"","author":"7451","description":"","caption":"High Definition WebStyleSymbols","name":"new_3d_webstylesymbol","status":"inherit","uploaded_to":363902,"date":"2018-12-06 21:57:26","modified":"2018-12-06 21:58:12","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":993,"height":624,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/12\/new_3d_webstylesymbol.png","thumbnail-width":213,"thumbnail-height":134,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/12\/new_3d_webstylesymbol.png","medium-width":415,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/12\/new_3d_webstylesymbol.png","medium_large-width":768,"medium_large-height":483,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/12\/new_3d_webstylesymbol.png","large-width":993,"large-height":624,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/12\/new_3d_webstylesymbol.png","1536x1536-width":993,"1536x1536-height":624,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/12\/new_3d_webstylesymbol.png","2048x2048-width":993,"2048x2048-height":624,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/12\/new_3d_webstylesymbol.png","card_image-width":740,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/12\/new_3d_webstylesymbol.png","wide_image-width":993,"wide_image-height":624}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/developers.arcgis.com\/javascript\/latest\/sample-code\/visualization-webstylesymbol\/index.html"},{"acf_fc_layout":"content","content":"

Additional Arcade Support<\/h3>\n

We added support for evaluating geometry functions<\/a> in your arcade expressions. For example, you can create geometries, perform area and length calculations, work with buffers, and more.<\/p>\n"},{"acf_fc_layout":"content","content":"

Better Labeling Support<\/h3>\n

In this release, we added support for\u00a0labeling<\/a>\u00a0lines in 2D\u00a0MapViews<\/a>. We also improved the labeling behavior when working with\u00a0visual variables<\/a>, and enhanced the labeling priority in 2D\u00a0MapViews<\/a>\u00a0to better match the layer ordering. Lastly, if the\u00a0TextSymbol3DLayer.size<\/a>\u00a0property is not set, the\u00a0font.size<\/a> property will now be honored in 3D\u00a0SceneViews<\/a>.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":378662,"id":378662,"title":"roads_blog","filename":"roads_blog.png","filesize":29132,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/12\/roads_blog.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/announcements\/whats-new-in-arcgis-api-for-javascript-4-10-december-2018\/roads_blog","alt":"","author":"7451","description":"","caption":"2D line labeling","name":"roads_blog","status":"inherit","uploaded_to":363902,"date":"2018-12-12 19:41:24","modified":"2018-12-12 19:41:51","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":683,"height":421,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/12\/roads_blog.png","thumbnail-width":213,"thumbnail-height":131,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/12\/roads_blog.png","medium-width":423,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/12\/roads_blog.png","medium_large-width":683,"medium_large-height":421,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/12\/roads_blog.png","large-width":683,"large-height":421,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/12\/roads_blog.png","1536x1536-width":683,"1536x1536-height":421,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/12\/roads_blog.png","2048x2048-width":683,"2048x2048-height":421,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/12\/roads_blog.png","card_image-width":683,"card_image-height":421,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/12\/roads_blog.png","wide_image-width":683,"wide_image-height":421}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"

SketchViewModel Updates<\/h3>\n

We made some significant updates to the SketchViewModel<\/a> at this release. We condensed over 20 events into 4 events without losing any functionality. This change should make it easier and more straightforward to maintain your code to respond to events. Please refer to the SketchViewModel changes at 4.10<\/a> page for more information.<\/p>\n"},{"acf_fc_layout":"content","content":"

Learn More<\/h3>\n

This is not the end of the new features and functionality for 4.10, just an end to this blog. For a full list of enhancements, updates, and bug fixes, be sure to check out the release notes and new samples:<\/p>\n