{"id":465642,"date":"2019-03-28T11:00:40","date_gmt":"2019-03-28T18:00:40","guid":{"rendered":"http:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&p=465642"},"modified":"2019-03-29T09:01:48","modified_gmt":"2019-03-29T16:01:48","slug":"whats-new-in-arcgis-api-for-javascript-4-11-march-2019","status":"publish","type":"blog","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/announcements\/whats-new-in-arcgis-api-for-javascript-4-11-march-2019","title":{"rendered":"What’s New in ArcGIS API 4.11 for JavaScript (March 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":[354822,354812,31311,27491,345572],"industry":[],"product":[36831,36601],"class_list":["post-465642","blog","type-blog","status-publish","format-standard","hentry","category-announcements","tag-3-28","tag-4-11","tag-jsapi3","tag-jsapi4","tag-whats-new-march-2019","product-js-api-arcgis","product-developers"],"acf":{"short_description":"Check out what's new with the ArcGIS API for JavaScript version 4.11 and 3.28 (March 2019).","flexible_content":[{"acf_fc_layout":"content","content":"

Building on a tremendous 2019 Dev Summit conference<\/a>, we are proud to announce the release of versions 4.11 and 3.28 of the ArcGIS API for JavaScript<\/a>. Version 4.11 is an impactful release, as it introduces an out-of-the-box editing experience with the new Editor widget, a new GeoJSON layer, client-side filtering, and more. Let’s dive into the highlights.<\/p>\n

New Editor Widget<\/h3>\n

Version 4.11 introduces the much anticipated Editor widget<\/a>. This new widget provides an out-of-the-box experience to help streamline the editing experience. The Editor widget allows you to either add new features, delete features, or update the geometry and\/or attributes of existing features, within an editable feature layer.<\/p>\n

The widget has several features that make it intuitive and easy to use. For example, it is automatically populated with controls to edit the feature layers within the map that are detected as editable (but you can also configure it to only work against a subset of them). Also, sometimes layers have many attributes that you don\u2019t want the end user to have to deal with. In this case, you can limit the set of attributes to display within the widget to provide a simplified user experience.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":466052,"id":466052,"title":"4x_editor_widget_blog","filename":"4x_editor_widget_blog.png","filesize":31121,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/03\/4x_editor_widget_blog.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/announcements\/whats-new-in-arcgis-api-for-javascript-4-11-march-2019\/4x_editor_widget_blog","alt":"Editor widget at version 4.11","author":"7451","description":"","caption":"","name":"4x_editor_widget_blog","status":"inherit","uploaded_to":465642,"date":"2019-03-21 20:53:01","modified":"2019-03-27 19:59:47","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":619,"height":394,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/03\/4x_editor_widget_blog-150x150.png","thumbnail-width":150,"thumbnail-height":150,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/03\/4x_editor_widget_blog.png","medium-width":410,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/03\/4x_editor_widget_blog.png","medium_large-width":619,"medium_large-height":394,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/03\/4x_editor_widget_blog.png","large-width":619,"large-height":394,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/03\/4x_editor_widget_blog.png","1536x1536-width":619,"1536x1536-height":394,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/03\/4x_editor_widget_blog.png","2048x2048-width":619,"2048x2048-height":394,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/03\/4x_editor_widget_blog.png","card_image-width":619,"card_image-height":394,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/03\/4x_editor_widget_blog.png","wide_image-width":619,"wide_image-height":394}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/developers.arcgis.com\/javascript\/latest\/sample-code\/widgets-editor-configurable\/index.html"},{"acf_fc_layout":"content","content":"

Support for GeoJSON<\/h3>\n

With the new GeoJSONLayer<\/a>, you can now work directly with GeoJSON client-side in both 2D and 3D. GeoJSON is a format for encoding a variety of geographic data structures. The GeoJSONLayer offers some of the same powerful capabilities as the FeatureLayer, for example: hardware-accelerated rendering with WebGL, data-driven visualization, client-side querying, filtering, and statistical calculations.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":466462,"id":466462,"title":"geoJSONLayer_blog","filename":"geoJSONLayer_blog.png","filesize":49730,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/03\/geoJSONLayer_blog.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/announcements\/whats-new-in-arcgis-api-for-javascript-4-11-march-2019\/geojsonlayer_blog","alt":"GeoJSONLayer at version 4.11","author":"7451","description":"","caption":"","name":"geojsonlayer_blog","status":"inherit","uploaded_to":465642,"date":"2019-03-21 22:08:39","modified":"2019-03-27 20:00:00","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":614,"height":373,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/03\/geoJSONLayer_blog-150x150.png","thumbnail-width":150,"thumbnail-height":150,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/03\/geoJSONLayer_blog.png","medium-width":430,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/03\/geoJSONLayer_blog.png","medium_large-width":614,"medium_large-height":373,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/03\/geoJSONLayer_blog.png","large-width":614,"large-height":373,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/03\/geoJSONLayer_blog.png","1536x1536-width":614,"1536x1536-height":373,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/03\/geoJSONLayer_blog.png","2048x2048-width":614,"2048x2048-height":373,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/03\/geoJSONLayer_blog.png","card_image-width":614,"card_image-height":373,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/03\/geoJSONLayer_blog.png","wide_image-width":614,"wide_image-height":373}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/developers.arcgis.com\/javascript\/latest\/sample-code\/layers-geojson\/index.html"},{"acf_fc_layout":"content","content":"

Drawing in 3D<\/h3>\n

One of the big additions for 3D is the capability to draw within a SceneView<\/a>. One way to do this is by directly placing graphics with point, line, or polygon geometries onto the terrain as you have already been able to do in 2D. Additionally, there is a new transform tool<\/a> that allows you to rotate, scale, and move 3D point symbols.<\/p>\n

These capabilities are provided out-of-the-box using the Sketch<\/a>\u00a0widget in a SceneView<\/a>. You can take this a step further by setting a 3D drawing symbol directly on the SketchViewModel<\/a> (used by the widget under the hood). Then you can create specific workflows such as drawing extruded building footprints or points with volumetric point symbols.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":466322,"id":466322,"title":"3D_Sketch_wdiget","filename":"3D_Sketch_wdiget.png","filesize":39687,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/03\/3D_Sketch_wdiget.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/announcements\/whats-new-in-arcgis-api-for-javascript-4-11-march-2019\/3d_sketch_wdiget","alt":"Sketching in 3D at version 4.11","author":"7451","description":"","caption":"","name":"3d_sketch_wdiget","status":"inherit","uploaded_to":465642,"date":"2019-03-21 21:34:24","modified":"2019-03-27 20:00:18","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":726,"height":387,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/03\/3D_Sketch_wdiget-150x150.png","thumbnail-width":150,"thumbnail-height":150,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/03\/3D_Sketch_wdiget.png","medium-width":464,"medium-height":247,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/03\/3D_Sketch_wdiget.png","medium_large-width":726,"medium_large-height":387,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/03\/3D_Sketch_wdiget.png","large-width":726,"large-height":387,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/03\/3D_Sketch_wdiget.png","1536x1536-width":726,"1536x1536-height":387,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/03\/3D_Sketch_wdiget.png","2048x2048-width":726,"2048x2048-height":387,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/03\/3D_Sketch_wdiget.png","card_image-width":726,"card_image-height":387,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/03\/3D_Sketch_wdiget.png","wide_image-width":726,"wide_image-height":387}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/developers.arcgis.com\/javascript\/latest\/sample-code\/sketch-geometries\/index.html"},{"acf_fc_layout":"content","content":"

glTF Support in 3D<\/h3>\n

Version 4.11 also adds support for glTF<\/a> models, an open standard to represent 3D models. This means you can\u00a0<\/span><\/span>easily import your own\u00a0<\/span><\/span>3D models or\u00a0<\/span><\/span>take advantage of\u00a0<\/span><\/span>large collections of 3D models available online<\/span><\/span>,\u00a0<\/span><\/span>as shown\u00a0<\/span><\/span>in<\/span><\/span>\u00a0t<\/span><\/span>his<\/span><\/span>\u00a0<\/span><\/span>sample<\/span><\/span><\/a>.<\/span><\/span>\u00a0Because the\u00a0<\/span>glTF<\/span> model is added as a symbol layer, you can use the previously mentioned transform tool<\/a> to easily place them<\/span>\u00a0in a\u00a0<\/span><\/span>SceneView<\/span><\/span>.<\/span><\/span><\/p>\n"},{"acf_fc_layout":"image","image":{"ID":473452,"id":473452,"title":"sample-gltf-importing","filename":"sample-gltf-importing.png","filesize":60516,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/03\/sample-gltf-importing.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/announcements\/whats-new-in-arcgis-api-for-javascript-4-11-march-2019\/sample-gltf-importing","alt":"glTF sample at version 4.11","author":"7451","description":"","caption":"","name":"sample-gltf-importing","status":"inherit","uploaded_to":465642,"date":"2019-03-27 19:54:04","modified":"2019-03-27 20:00:30","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":750,"height":400,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/03\/sample-gltf-importing-150x150.png","thumbnail-width":150,"thumbnail-height":150,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/03\/sample-gltf-importing.png","medium-width":464,"medium-height":247,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/03\/sample-gltf-importing.png","medium_large-width":750,"medium_large-height":400,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/03\/sample-gltf-importing.png","large-width":750,"large-height":400,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/03\/sample-gltf-importing.png","1536x1536-width":750,"1536x1536-height":400,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/03\/sample-gltf-importing.png","2048x2048-width":750,"2048x2048-height":400,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/03\/sample-gltf-importing.png","card_image-width":750,"card_image-height":400,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/03\/sample-gltf-importing.png","wide_image-width":750,"wide_image-height":400}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/developers.arcgis.com\/javascript\/latest\/sample-code\/import-gltf\/index.html"},{"acf_fc_layout":"content","content":"

FeatureLayer Updates<\/h3>\n

There have also been many updates to FeatureLayer capabilities. For example, the FeatureLayer now has basic support for time-enabled<\/a> queries. This enables the analysis of both client-side and server-side data with an optional temporal extent. Client-side filtering<\/a> was also introduced for both 2D MapViews and 3D SceneViews. Only client-side features matching the filter conditions are displayed, and they can be filtered on attributes, geometry distance, and time.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":466422,"id":466422,"title":"SceneView_filter","filename":"SceneView_filter.png","filesize":66882,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/03\/SceneView_filter.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/announcements\/whats-new-in-arcgis-api-for-javascript-4-11-march-2019\/sceneview_filter","alt":"3D client-side feature layer filtering","author":"7451","description":"","caption":"","name":"sceneview_filter","status":"inherit","uploaded_to":465642,"date":"2019-03-21 21:45:32","modified":"2019-03-27 20:00:52","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":716,"height":404,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/03\/SceneView_filter-150x150.png","thumbnail-width":150,"thumbnail-height":150,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/03\/SceneView_filter.png","medium-width":464,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/03\/SceneView_filter.png","medium_large-width":716,"medium_large-height":404,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/03\/SceneView_filter.png","large-width":716,"large-height":404,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/03\/SceneView_filter.png","1536x1536-width":716,"1536x1536-height":404,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/03\/SceneView_filter.png","2048x2048-width":716,"2048x2048-height":404,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/03\/SceneView_filter.png","card_image-width":716,"card_image-height":404,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/03\/SceneView_filter.png","wide_image-width":716,"wide_image-height":404}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/developers.arcgis.com\/javascript\/latest\/sample-code\/layers-scenelayer-feature-masking\/index.html"},{"acf_fc_layout":"content","content":"

FeatureEffects<\/a> was added for 2D MapViews. This simple and powerful client-side functionality allows you to visually emphasize (or de-emphasize) features that meet a defined set of requirements. FeatureEffects result in a visual effect similar to filtering, but rather than removing<\/em> features from the display, features outside your defined criteria can be visually muted (for example drawn with a gray color) to provide context alongside your emphasized features.<\/p>\n

Dot Density Visualization Support<\/h3>\n

New at 4.11 is a dot density renderer<\/a> for use with polygon layers. The DotDensityRenderer randomly draws dots to represent attributes within each polygon to help the user visualize the relative density of those attributes. The dot density support is similar to what is available with the 3.x version of the API, but with much faster performance.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":466382,"id":466382,"title":"DotDensityRenderer","filename":"DotDensityRenderer.png","filesize":77682,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/03\/DotDensityRenderer.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/announcements\/whats-new-in-arcgis-api-for-javascript-4-11-march-2019\/dotdensityrenderer","alt":"Dot density renderer at version 4.11","author":"7451","description":"","caption":"","name":"dotdensityrenderer","status":"inherit","uploaded_to":465642,"date":"2019-03-21 21:38:45","modified":"2019-03-27 20:01:07","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":653,"height":367,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/03\/DotDensityRenderer-150x150.png","thumbnail-width":150,"thumbnail-height":150,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/03\/DotDensityRenderer.png","medium-width":464,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/03\/DotDensityRenderer.png","medium_large-width":653,"medium_large-height":367,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/03\/DotDensityRenderer.png","large-width":653,"large-height":367,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/03\/DotDensityRenderer.png","1536x1536-width":653,"1536x1536-height":367,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/03\/DotDensityRenderer.png","2048x2048-width":653,"2048x2048-height":367,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/03\/DotDensityRenderer.png","card_image-width":653,"card_image-height":367,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/03\/DotDensityRenderer.png","wide_image-width":653,"wide_image-height":367}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/developers.arcgis.com\/javascript\/latest\/sample-code\/visualization-dot-density\/index.html"},{"acf_fc_layout":"content","content":"

Website Enhancements<\/h3>\n

Not only did the API get a major upgrade at 4.11, but we also invested some energy into the website. Another blog<\/a> details these enhancements further. We welcome you to explore some of the recent improvements:<\/p>\n