{"id":2942826,"date":"2025-10-21T06:40:39","date_gmt":"2025-10-21T13:40:39","guid":{"rendered":"https:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&p=2942826"},"modified":"2025-10-21T07:01:57","modified_gmt":"2025-10-21T14:01:57","slug":"version-4-34-of-javascript-maps-sdk-released","status":"publish","type":"blog","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/announcements\/version-4-34-of-javascript-maps-sdk-released","title":{"rendered":"Version 4.34 of JavaScript Maps SDK released!"},"author":4271,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"_acf_changed":false,"_searchwp_excluded":""},"categories":[37101,738191],"tags":[780856,769562,780855,779272,780822],"industry":[],"product":[36831,36601],"class_list":["post-2942826","blog","type-blog","status-publish","format-standard","hentry","category-announcements","category-developers","tag-3d-flow","tag-arcgis-maps-sdk-for-javascript","tag-components","tag-parquet","tag-whats-new-october-2025","product-js-api-arcgis","product-developers"],"acf":{"short_description":"Get a tour of the new capabilities like 3D flow rendering, cut and merge editing tools, improved components and more.","flexible_content":[{"acf_fc_layout":"content","content":"

Note: Next year, we are moving to semantic versioning<\/a> to enable more clarity, predictability, and better tooling support. The next release will be 5.0.0.<\/em><\/p>\n

This release of ArcGIS Maps SDK for JavaScript is packed with updates, from new 3D visualization capabilities to editing workflows to deeper adoption of web component standards. Read on to learn about some of the highlights in version 4.34!<\/p>\n

Flow rendering in 3D<\/a><\/h2>\n

Create animated visualizations in 3D of directional raster data (Vector-UV or Vector-MagDir) using the Flow Renderer<\/a> with your imagery tile layers and imagery layers. You can configure the positioning of the flow lines relative to sea level or the terrain. For example, to visualize how wind interacts with the topography, you can display the lines draped on the ground with an offset.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":2944285,"id":2944285,"title":"flow-local-video-blog-optimized-2","filename":"flow-local-video-blog-optimized-2.gif","filesize":9823396,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/10\/flow-local-video-blog-optimized-2.gif","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/announcements\/version-4-34-of-javascript-maps-sdk-released\/flow-local-video-blog-optimized-2","alt":"","author":"4271","description":"","caption":"","name":"flow-local-video-blog-optimized-2","status":"inherit","uploaded_to":2942826,"date":"2025-10-21 13:29:25","modified":"2025-10-21 13:29:25","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":960,"height":540,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/10\/flow-local-video-blog-optimized-2-213x200.gif","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/10\/flow-local-video-blog-optimized-2.gif","medium-width":464,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/10\/flow-local-video-blog-optimized-2.gif","medium_large-width":768,"medium_large-height":432,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/10\/flow-local-video-blog-optimized-2.gif","large-width":960,"large-height":540,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/10\/flow-local-video-blog-optimized-2.gif","1536x1536-width":960,"1536x1536-height":540,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/10\/flow-local-video-blog-optimized-2.gif","2048x2048-width":960,"2048x2048-height":540,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/10\/flow-local-video-blog-optimized-2-826x465.gif","card_image-width":826,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/10\/flow-local-video-blog-optimized-2.gif","wide_image-width":960,"wide_image-height":540}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/developers.arcgis.com\/javascript\/latest\/sample-code\/layers-imagerytilelayer-flow-3d-local\/"},{"acf_fc_layout":"content","content":"

Edit with split and merge<\/a><\/h2>\n

Split and merge workflows were added to the editor component.<\/p>\n

Split: <\/strong>The split workflow allows users to divide selected lines, polygons, or multipoint features into multiple new features. After performing a split, you can review the resulting features and their attributes before committing the changes.<\/p>\n

Merge: <\/strong>The merge workflow enables users to combine multiple features into a single feature. For polygons, adjacent features will merge into one bigger feature, while non-adjacent features will merge into one multipart polygon. Users can select which feature\u2019s attributes to preserve during the merging process.<\/p>\n

The split and merge tools are particularly useful for streamlining parcel modification, farm boundary alterations, and forestry treatment updates.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":2943738,"id":2943738,"title":"split and merge farms - 900","filename":"split-and-merge-farms-900.gif","filesize":3808627,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/10\/split-and-merge-farms-900.gif","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/announcements\/version-4-34-of-javascript-maps-sdk-released\/split-and-merge-farms-900","alt":"","author":"4271","description":"","caption":"","name":"split-and-merge-farms-900","status":"inherit","uploaded_to":2942826,"date":"2025-10-17 16:32:17","modified":"2025-10-17 16:32:17","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":900,"height":471,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/10\/split-and-merge-farms-900-213x200.gif","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/10\/split-and-merge-farms-900.gif","medium-width":464,"medium-height":243,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/10\/split-and-merge-farms-900.gif","medium_large-width":768,"medium_large-height":402,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/10\/split-and-merge-farms-900.gif","large-width":900,"large-height":471,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/10\/split-and-merge-farms-900.gif","1536x1536-width":900,"1536x1536-height":471,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/10\/split-and-merge-farms-900.gif","2048x2048-width":900,"2048x2048-height":471,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/10\/split-and-merge-farms-900-826x432.gif","card_image-width":826,"card_image-height":432,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/10\/split-and-merge-farms-900.gif","wide_image-width":900,"wide_image-height":471}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/developers.arcgis.com\/javascript\/latest\/sample-code\/editor-basic\/"},{"acf_fc_layout":"content","content":"

Build apps using components<\/a><\/h2>\n

Haven’t moved to components yet? <\/strong>We recommend migrating your apps to use the map, scene and other components that replace widgets. See Esri’s move to web components<\/a>\u00a0for details about the transition period and future, and the migrating to components<\/a>\u00a0guide page for migration tips.<\/em><\/p>\n

Components are advancing! We have implemented slots and shadow DOM in our Map components for improved encapsulation and flexibility.<\/p>\n

Slots: <\/strong>Slots<\/a> are a core concept in web components. Think of them as predefined placeholders that let you easily integrate your own content by referencing the slot’s name. With this release, the map and scene components now include a collection of slots. Use these to place components and other UI elements on top of the map or scene. This new pattern replaces the deprecated position attribute and the placement component.<\/p>\n

If you need to manually position an element, you can simply use CSS directly, and no slot is required.<\/p>\n"},{"acf_fc_layout":"content","content":"

<body<\/span> class<\/span>=\"calcite-mode-dark\"<\/span>><\/span>\r\n    <arcgis-map<\/span> item-id<\/span>=\"237b9584339446a0b56317b5962a4971\"<\/span>><\/span>\r\n        <arcgis-zoom<\/span> slot<\/span>=\"top-left\"<\/span>><\/span><\/arcgis-zoom<\/span>><\/span>\r\n        <arcgis-legend<\/span> slot<\/span>=\"bottom-right\"<\/span>><\/span><\/arcgis-legend<\/span>><\/span>\r\n        <calcite-button<\/span> slot<\/span>=\"top-right\"<\/span>><\/span>Click me!<\/calcite-button<\/span>><\/span>\r\n    <\/arcgis-map<\/span>><\/span>\r\n<\/body<\/span>><\/span>\r\n<\/code><\/pre>\n"},{"acf_fc_layout":"content","content":"
Modes:<\/strong> Light and dark themes can be configured via Calcite modes<\/a>.<\/p>\n
Layout CSS variables<\/strong>: The map, scene, link chart, and video\u00a0components now provide the following\u00a0CSS variables<\/a>\u00a0that reserve space around their content to prevent overlaying UI elements (like toolbars, legends, or panels) from obscuring slotted components.<\/p>\n
\n
\n
\n
--arcgis-layout-overlay-space-top\r\n--arcgis-layout-overlay-space-right\r\n--arcgis-layout-overlay-space-bottom\r\n--arcgis-layout-overlay-space-left<\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n
Shadow DOM<\/strong>: All map components now have a Shadow DOM<\/a>. This is another common aspect of web components. It encapsulates custom elements, which keep their markup structure, style, and behavior hidden and separate from other code on the page. This preserves the component’s internal design but also prevents developers from styling the component’s internal elements with standard global CSS selectors. To customize the style, you can use the documented design tokens and component css variables to style components.<\/p>\n