{"id":2540202,"date":"2024-11-07T07:00:03","date_gmt":"2024-11-07T15:00:03","guid":{"rendered":"https:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&p=2540202"},"modified":"2024-11-25T21:12:09","modified_gmt":"2024-11-26T05:12:09","slug":"whats-new-in-arcgis-maps-sdk-for-javascript-4-31","status":"publish","type":"blog","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/announcements\/whats-new-in-arcgis-maps-sdk-for-javascript-4-31","title":{"rendered":"What’s New in ArcGIS Maps SDK for JavaScript (4.31)"},"author":330302,"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],"tags":[769562,36161,776962],"industry":[],"product":[36831],"class_list":["post-2540202","blog","type-blog","status-publish","format-standard","hentry","category-announcements","tag-arcgis-maps-sdk-for-javascript","tag-web-development","tag-whats-new-november-2024","product-js-api-arcgis"],"acf":{"authors":[{"ID":330302,"user_firstname":"Yixuan 'Emily'","user_lastname":"Hu","nickname":"Emily Hu","user_nicename":"yhu","display_name":"Yixuan 'Emily' Hu","user_email":"yhu@esri.com","user_url":"","user_registered":"2023-01-25 19:36:28","user_description":"Yixuan 'Emily' Hu is a mapping and technology enthusiast working as the Product Manager for Esri's web development technologies. She was previously a software engineer for web mapping applications and GIS developer in commercial real estate, with an educational background in GIS and Urban Spatial Analytics. Emily is dedicated to leverage her experience in different parts of GIS industry and her global background to help customers build the most suitable applications.","user_avatar":""}],"short_description":"The November release of welcomes feature table enhancements, clustering and binning for lines and polygons, and more!","flexible_content":[{"acf_fc_layout":"content","content":"

The fall release of ArcGIS Maps SDK for JavaScript has arrived, leading by new feature table enhancements and improved drawing experience. Join us as we delve into the highlights of the 4.31 release!<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":2569052,"id":2569052,"title":"card-logo-med","filename":"card-logo-med.png","filesize":2354827,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/11\/card-logo-med.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/announcements\/whats-new-in-arcgis-maps-sdk-for-javascript-4-31\/card-logo-med","alt":"","author":"330302","description":"","caption":"","name":"card-logo-med","status":"inherit","uploaded_to":2540202,"date":"2024-11-07 17:40:57","modified":"2024-11-07 17:40:57","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":1920,"height":1080,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/11\/card-logo-med-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/11\/card-logo-med.png","medium-width":464,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/11\/card-logo-med.png","medium_large-width":768,"medium_large-height":432,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/11\/card-logo-med.png","large-width":1920,"large-height":1080,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/11\/card-logo-med-1536x864.png","1536x1536-width":1536,"1536x1536-height":864,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/11\/card-logo-med.png","2048x2048-width":1920,"2048x2048-height":1080,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/11\/card-logo-med-826x465.png","card_image-width":826,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/11\/card-logo-med.png","wide_image-width":1920,"wide_image-height":1080}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"

Feature Table: save configurations and export features to CSV<\/a><\/h2>\n

We continued to bring significant enhancements to feature table, including save out any configuration on how it should display, exporting selected features to CSV, better attachment support, and more.<\/p>\n

Configure and save display settings: <\/strong>The new attribute table template<\/a> enables you to configure, save, and reuse your own settings of displaying feature table\u2019s columns. You can define properties such as visibility, order, and sorting of the table’s columns. Tables can contain a variety of elements, such as fields, attachments, and relationships. This new feature simplifies sharing and reusing of table configurations across different applications. For instance, you can reused configured table settings from Map Viewer to custom applications or across multiple custom applications to ensure a consistent user experience.<\/p>\n

Export selected features to CSV: <\/strong>Selected features can be exported programmatically or with the default \u201cExport selection to CSV\u201d option in feature table\u2019s menu. If point data is being exported, the downloaded CSV file will automatically include columns with latitude and longitude coordinates. Exporting selected features can be combined with interactive highlight, querying, and filtering, achieving seamless workflows beyond the web application.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":2558272,"id":2558272,"title":"feature-table-csv","filename":"feature-table-csv.gif","filesize":5794780,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/feature-table-csv.gif","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/announcements\/whats-new-in-arcgis-maps-sdk-for-javascript-4-31\/feature-table-csv","alt":"","author":"330302","description":"","caption":"Export filtered and selected features to CSV using feature table","name":"feature-table-csv","status":"inherit","uploaded_to":2540202,"date":"2024-11-04 16:23:04","modified":"2024-11-04 16:23:42","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":835,"height":444,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/feature-table-csv-213x200.gif","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/feature-table-csv.gif","medium-width":464,"medium-height":247,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/feature-table-csv.gif","medium_large-width":768,"medium_large-height":408,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/feature-table-csv.gif","large-width":835,"large-height":444,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/feature-table-csv.gif","1536x1536-width":835,"1536x1536-height":444,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/feature-table-csv.gif","2048x2048-width":835,"2048x2048-height":444,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/feature-table-csv-826x439.gif","card_image-width":826,"card_image-height":439,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/feature-table-csv.gif","wide_image-width":835,"wide_image-height":444}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/developers.arcgis.com\/javascript\/latest\/sample-code\/widgets-featuretable-map\/"},{"acf_fc_layout":"content","content":"

View and update attachments: <\/strong>With the appropriate layer permissions, users can add, update, and delete the feature attachments in feature table.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":2562902,"id":2562902,"title":"feature-table-attachment-hydrant","filename":"feature-table-attachment-hydrant.gif","filesize":1134337,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/feature-table-attachment-hydrant.gif","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/announcements\/whats-new-in-arcgis-maps-sdk-for-javascript-4-31\/feature-table-attachment-hydrant","alt":"","author":"330302","description":"","caption":"View and update attachments in feature table","name":"feature-table-attachment-hydrant","status":"inherit","uploaded_to":2540202,"date":"2024-11-05 22:46:55","modified":"2024-11-05 22:47:10","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":2112,"height":852,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/feature-table-attachment-hydrant-213x200.gif","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/feature-table-attachment-hydrant.gif","medium-width":464,"medium-height":187,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/feature-table-attachment-hydrant.gif","medium_large-width":768,"medium_large-height":310,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/feature-table-attachment-hydrant.gif","large-width":1920,"large-height":775,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/feature-table-attachment-hydrant-1536x620.gif","1536x1536-width":1536,"1536x1536-height":620,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/feature-table-attachment-hydrant-2048x826.gif","2048x2048-width":2048,"2048x2048-height":826,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/feature-table-attachment-hydrant-826x333.gif","card_image-width":826,"card_image-height":333,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/feature-table-attachment-hydrant-1920x775.gif","wide_image-width":1920,"wide_image-height":775}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/developers.arcgis.com\/javascript\/latest\/sample-code\/widgets-featuretable-relates\/"},{"acf_fc_layout":"content","content":"

In addition to the mentioned features and improvements, we included pagination for viewing high volumes of records and complete support for viewing and editing feature layers with subtypes and data within subtype group layers.<\/span><\/p>\n

Snap to grid<\/a><\/h2>\n

Are you drawing uniformly-shaped parcels and evenly-spaced street lights? We have you covered with the new snap to grid drawing capability. Create a two-dimensional grid and snap feature to the grid with the new grid control widget. The grid is a network of uniformly spaced horizontal and perpendicular lines rendered on the screen to guide drawing. You can interactively move, scale, and rotate the grid, and snap the grid to existing features on the map. Snapping to grid is especially useful for editing and sketching workflow that requires efficient placement of features that conform to a regular grid, such as parcel editing and utility line drawing.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":2563302,"id":2563302,"title":"snap-to-grid","filename":"snap-to-grid.gif","filesize":4834542,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/snap-to-grid.gif","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/announcements\/whats-new-in-arcgis-maps-sdk-for-javascript-4-31\/snap-to-grid-2","alt":"","author":"330302","description":"","caption":"Create and snap to a grid for convenient parcel drawing","name":"snap-to-grid-2","status":"inherit","uploaded_to":2540202,"date":"2024-11-06 00:02:28","modified":"2024-11-07 15:22:54","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":2288,"height":1228,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/snap-to-grid-213x200.gif","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/snap-to-grid.gif","medium-width":464,"medium-height":249,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/snap-to-grid.gif","medium_large-width":768,"medium_large-height":412,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/snap-to-grid.gif","large-width":1920,"large-height":1030,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/snap-to-grid-1536x824.gif","1536x1536-width":1536,"1536x1536-height":824,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/snap-to-grid-2048x1099.gif","2048x2048-width":2048,"2048x2048-height":1099,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/snap-to-grid-826x443.gif","card_image-width":826,"card_image-height":443,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/snap-to-grid-1920x1030.gif","wide_image-width":1920,"wide_image-height":1030}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/developers.arcgis.com\/javascript\/latest\/sample-code\/sketch\/"},{"acf_fc_layout":"content","content":"

Tooltip enhancements<\/a><\/h2>\n

Set edge offset in 3D: <\/strong>You can set the distance between edges of 3D objects using the new edge offset field to create exact building setbacks.<\/p>\n

Draggable tooltip:<\/strong> Drag the tooltip while in input mode to change its position.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":2558332,"id":2558332,"title":"tooltip-short","filename":"tooltip-short.gif","filesize":5180739,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/tooltip-short.gif","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/announcements\/whats-new-in-arcgis-maps-sdk-for-javascript-4-31\/tooltip-short","alt":"","author":"330302","description":"","caption":"Set edge offset in 3D and draggable tooltip in Sketch","name":"tooltip-short","status":"inherit","uploaded_to":2540202,"date":"2024-11-04 16:23:42","modified":"2024-11-04 16:43:04","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":1920,"height":1080,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/tooltip-short-213x200.gif","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/tooltip-short.gif","medium-width":464,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/tooltip-short.gif","medium_large-width":768,"medium_large-height":432,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/tooltip-short.gif","large-width":1920,"large-height":1080,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/tooltip-short-1536x864.gif","1536x1536-width":1536,"1536x1536-height":864,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/tooltip-short.gif","2048x2048-width":1920,"2048x2048-height":1080,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/tooltip-short-826x465.gif","card_image-width":826,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/tooltip-short.gif","wide_image-width":1920,"wide_image-height":1080}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/developers.arcgis.com\/javascript\/latest\/sample-code\/sketch-3d\/"},{"acf_fc_layout":"content","content":"

Binning and clustering now support line and polygon<\/a><\/h2>\n

You can aggregate line and polygon geometry to bins or clusters in feature layer. Binning and clustering are client-side operations that help reduce visual clutter and reveal hidden trends behind small features that are hard to see at smaller scales.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":2558302,"id":2558302,"title":"polygon-clustering","filename":"polygon-clustering.png","filesize":996332,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/polygon-clustering.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/announcements\/whats-new-in-arcgis-maps-sdk-for-javascript-4-31\/polygon-clustering","alt":"","author":"330302","description":"","caption":"Use clustering on a polygon layer representing swimming pool locations in a city","name":"polygon-clustering","status":"inherit","uploaded_to":2540202,"date":"2024-11-04 16:23:25","modified":"2024-11-04 16:43:45","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":2568,"height":916,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/polygon-clustering-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/polygon-clustering.png","medium-width":464,"medium-height":166,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/polygon-clustering.png","medium_large-width":768,"medium_large-height":274,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/polygon-clustering.png","large-width":1920,"large-height":685,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/polygon-clustering-1536x548.png","1536x1536-width":1536,"1536x1536-height":548,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/polygon-clustering-2048x731.png","2048x2048-width":2048,"2048x2048-height":731,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/polygon-clustering-826x295.png","card_image-width":826,"card_image-height":295,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/polygon-clustering-1920x685.png","wide_image-width":1920,"wide_image-height":685}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/developers.arcgis.com\/javascript\/latest\/sample-code\/featurereduction-cluster-polygons\/"},{"acf_fc_layout":"content","content":"

Learn more about best practices and visualization tips for binning and clustering lines and polygons in the sample<\/a>.<\/p>\n

Symbol animations (beta)<\/a><\/h2>\n

Draw attention to features with the new symbol animations using CIM symbol. Symbol animations allow you to accentuate features by animating a point or marker’s color, offset, rotation, size, or transparency.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":2558622,"id":2558622,"title":"symbol-animation-v2","filename":"symbol-animation-v2.gif","filesize":665456,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/symbol-animation-v2.gif","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/announcements\/whats-new-in-arcgis-maps-sdk-for-javascript-4-31\/symbol-animation-v2","alt":"","author":"330302","description":"","caption":"Types of symbol animations","name":"symbol-animation-v2","status":"inherit","uploaded_to":2540202,"date":"2024-11-04 17:22:39","modified":"2024-11-04 17:22:49","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":2524,"height":644,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/symbol-animation-v2-213x200.gif","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/symbol-animation-v2.gif","medium-width":464,"medium-height":118,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/symbol-animation-v2.gif","medium_large-width":768,"medium_large-height":196,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/symbol-animation-v2.gif","large-width":1920,"large-height":490,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/symbol-animation-v2-1536x392.gif","1536x1536-width":1536,"1536x1536-height":392,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/symbol-animation-v2-2048x523.gif","2048x2048-width":2048,"2048x2048-height":523,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/symbol-animation-v2-826x211.gif","card_image-width":826,"card_image-height":211,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/symbol-animation-v2-1920x490.gif","wide_image-width":1920,"wide_image-height":490}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"

Animations can be used to highlight the freshness of data, draw attention to specific features, or just create an engaging visualization in your 2D map.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":2558312,"id":2558312,"title":"symbol-animation-earthquake","filename":"symbol-animation-earthquake.gif","filesize":673938,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/symbol-animation-earthquake.gif","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/announcements\/whats-new-in-arcgis-maps-sdk-for-javascript-4-31\/symbol-animation-earthquake","alt":"","author":"330302","description":"","caption":"Highlight earthquakes in the last 12 hours with scale and transparency animations","name":"symbol-animation-earthquake","status":"inherit","uploaded_to":2540202,"date":"2024-11-04 16:23:29","modified":"2024-11-05 19:16: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":993,"height":586,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/symbol-animation-earthquake-213x200.gif","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/symbol-animation-earthquake.gif","medium-width":442,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/symbol-animation-earthquake.gif","medium_large-width":768,"medium_large-height":453,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/symbol-animation-earthquake.gif","large-width":993,"large-height":586,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/symbol-animation-earthquake.gif","1536x1536-width":993,"1536x1536-height":586,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/symbol-animation-earthquake.gif","2048x2048-width":993,"2048x2048-height":586,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/symbol-animation-earthquake-788x465.gif","card_image-width":788,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/symbol-animation-earthquake.gif","wide_image-width":993,"wide_image-height":586}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/developers.arcgis.com\/javascript\/latest\/sample-code\/cim-animations\/"},{"acf_fc_layout":"content","content":"

Icon rotation in 3D<\/a><\/h2>\n

Enhance 3D thematic visualizations with the ability to rotate 2D billboarded icons within a 3D scene view. This is particularly helpful to show directional data such as wind direction at weather stations.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":2562412,"id":2562412,"title":"icon-rotation-3D-static","filename":"icon-rotation-3D-static.png","filesize":538960,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/icon-rotation-3D-static.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/announcements\/whats-new-in-arcgis-maps-sdk-for-javascript-4-31\/icon-rotation-3d-static","alt":"","author":"330302","description":"","caption":"Rotate 2D billboarded icons within a 3D scene view in v4.31","name":"icon-rotation-3d-static","status":"inherit","uploaded_to":2540202,"date":"2024-11-05 21:33:46","modified":"2024-11-05 21:34:02","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":1041,"height":543,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/icon-rotation-3D-static-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/icon-rotation-3D-static.png","medium-width":464,"medium-height":242,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/icon-rotation-3D-static.png","medium_large-width":768,"medium_large-height":401,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/icon-rotation-3D-static.png","large-width":1041,"large-height":543,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/icon-rotation-3D-static.png","1536x1536-width":1041,"1536x1536-height":543,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/icon-rotation-3D-static.png","2048x2048-width":1041,"2048x2048-height":543,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/icon-rotation-3D-static-826x431.png","card_image-width":826,"card_image-height":431,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/icon-rotation-3D-static.png","wide_image-width":1041,"wide_image-height":543}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/developers.arcgis.com\/javascript\/latest\/sample-code\/visualization-icon-rotation-3d\/"},{"acf_fc_layout":"content","content":"

What\u2019s new with components<\/a><\/h2>\n

We expanded the SDK\u2019s component offerings with new components, enhancements, and improved documentation. Standards-based web components introduce a new way to build web apps for maximizing productivity and is the recommended<\/em> pattern for all new apps.<\/p>\n

Embeddable components:<\/strong> We introduced the embedded map component<\/a> for quickly embedding a saved web map into a website seamlessly with default components (i.e. zoom, legend, bookmarks) pre-configured. By setting the properties and\/or attributes in HTML<\/span><\/span>, developers can easily change the web map, UI components, and theme with no JavaScript required. The example below shows how to include a trail web map with embedded map component.<\/p>\n"},{"acf_fc_layout":"content","content":"

<<\/span>arcgis-embedded-map\r\n<\/span>    item-id<\/span>=<\/span>\"ceb8954a5f2c457284c5074efd5a5ca0\"<\/span> heading-enabled<\/span> legend-enabled<\/span>\r\n    theme<\/span>=<\/span>\"dark\"<\/span> information-enabled<\/span> style<\/span>=<\/span>\"height:300px;\"<\/span>>\r\n<\/span><\/span><\/arcgis-embedded-map<\/span>><\/span>\r\n<\/code><\/pre>\n"},{"acf_fc_layout":"image","image":{"ID":2558422,"id":2558422,"title":"embedded-map","filename":"embedded-map.png","filesize":28805,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/embedded-map.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/announcements\/whats-new-in-arcgis-maps-sdk-for-javascript-4-31\/embedded-map","alt":"","author":"330302","description":"","caption":"Use embedded map component to include a trail web map with to your website with minimal code","name":"embedded-map","status":"inherit","uploaded_to":2540202,"date":"2024-11-04 16:47:43","modified":"2024-11-04 17:02:13","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":1000,"height":464,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/embedded-map-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/embedded-map.png","medium-width":464,"medium-height":215,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/embedded-map.png","medium_large-width":768,"medium_large-height":356,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/embedded-map.png","large-width":1000,"large-height":464,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/embedded-map.png","1536x1536-width":1000,"1536x1536-height":464,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/embedded-map.png","2048x2048-width":1000,"2048x2048-height":464,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/embedded-map-826x383.png","card_image-width":826,"card_image-height":383,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/embedded-map.png","wide_image-width":1000,"wide_image-height":464}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/developers.arcgis.com\/javascript\/latest\/references\/embeddable-components\/?path=\/docs\/welcome--docs"},{"acf_fc_layout":"content","content":"
Embedded map component empowers developers to include interactive web map easily in non-map-centered websites for more geographical context.<\/p>\n
New map components<\/strong>: We added four new components to the map components package: Feature Table, Swipe, Catalog Layer List, and Oriented Imagery Viewer<\/p>\n
Use components without a view:<\/strong> You can now use components that are not <arcgis-map><\/code>\u00a0or\u00a0<arcgis-scene><\/code> without a view, such as using Feature Table as a standalone table for data exploration and Search for interactive geocoding.<\/p>\n
We also added better support for charts components and charts model (beta) and made significant updates to our guides, tutorials and samples to use components in your applications.<\/p>\n
Visible area in 2D and 3D<\/a><\/h2>\n
You can access the currently visible area in map view and scene view as a polygon with the new visibleArea <\/a>property. This is more precise than view extent, enabling more accurate spatially querying and filtering and clearer visual indication of the area currently visible to the user.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":2558432,"id":2558432,"title":"visible-area-short","filename":"visible-area-short.gif","filesize":7728412,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/visible-area-short.gif","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/announcements\/whats-new-in-arcgis-maps-sdk-for-javascript-4-31\/visible-area-short","alt":"","author":"330302","description":"","caption":"Visible area in scene view","name":"visible-area-short","status":"inherit","uploaded_to":2540202,"date":"2024-11-04 16:53:56","modified":"2024-11-04 16:54:08","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\/2024\/10\/visible-area-short-213x200.gif","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/visible-area-short.gif","medium-width":464,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/visible-area-short.gif","medium_large-width":768,"medium_large-height":432,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/visible-area-short.gif","large-width":960,"large-height":540,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/visible-area-short.gif","1536x1536-width":960,"1536x1536-height":540,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/visible-area-short.gif","2048x2048-width":960,"2048x2048-height":540,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/visible-area-short-826x465.gif","card_image-width":826,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/visible-area-short.gif","wide_image-width":960,"wide_image-height":540}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/developers.arcgis.com\/javascript\/latest\/sample-code\/sceneview-visible-area\/"},{"acf_fc_layout":"content","content":"
Interactive field of view controls<\/a><\/h2>\n
Apply telephoto or wide-angle views to explore and present your 3D content in a different perspective. New\u00a0interactive controls\u00a0allow you to change the\u00a0camera field of view\u00a0(FoV) – or focal length – in any 3D web app, including Scene Viewer.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":2558282,"id":2558282,"title":"fov-controller","filename":"fov-controller.gif","filesize":6570332,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/fov-controller.gif","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/announcements\/whats-new-in-arcgis-maps-sdk-for-javascript-4-31\/fov-controller","alt":"","author":"330302","description":"","caption":"Adjust the field of view in any 3D app","name":"fov-controller","status":"inherit","uploaded_to":2540202,"date":"2024-11-04 16:23:15","modified":"2024-11-04 16:54:35","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":1152,"height":648,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/fov-controller-213x200.gif","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/fov-controller.gif","medium-width":464,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/fov-controller.gif","medium_large-width":768,"medium_large-height":432,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/fov-controller.gif","large-width":1152,"large-height":648,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/fov-controller.gif","1536x1536-width":1152,"1536x1536-height":648,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/fov-controller.gif","2048x2048-width":1152,"2048x2048-height":648,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/fov-controller-826x465.gif","card_image-width":826,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/fov-controller.gif","wide_image-width":1152,"wide_image-height":648}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/developers.arcgis.com\/javascript\/latest\/sample-code\/layers-scenelayer\/"},{"acf_fc_layout":"content","content":"
Geometry operators (beta)<\/a><\/h2>\n
Geometry operators provide a variety of capabilities for performing client-side functions for testing, measuring, and analyzing spatial relationships between two or more 2D geometries. Geometry operators lay the foundation for next-generation client-side analysis and visualization in the future and will be an eventual replacement for the geometry engine.<\/p>\n
The geometry operators provide new capabilities including transformations like scale, shear, and shift, as well as operators for determining geodetic distance, geodesic proximity, and centroids. Refer to the introduction to geometry operators<\/a> guide page for a detailed overview of the operators.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":2558442,"id":2558442,"title":"geometry-operator-centroid","filename":"geometry-operator-centroid.png","filesize":483894,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/geometry-operator-centroid.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/announcements\/whats-new-in-arcgis-maps-sdk-for-javascript-4-31\/geometry-operator-centroid","alt":"","author":"330302","description":"","caption":"Calculate the centroid and label point with the new geometry operators","name":"geometry-operator-centroid","status":"inherit","uploaded_to":2540202,"date":"2024-11-04 16:55:30","modified":"2024-11-05 17:16: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":794,"height":530,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/geometry-operator-centroid-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/geometry-operator-centroid.png","medium-width":391,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/geometry-operator-centroid.png","medium_large-width":768,"medium_large-height":513,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/geometry-operator-centroid.png","large-width":794,"large-height":530,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/geometry-operator-centroid.png","1536x1536-width":794,"1536x1536-height":530,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/geometry-operator-centroid.png","2048x2048-width":794,"2048x2048-height":530,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/geometry-operator-centroid-697x465.png","card_image-width":697,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/geometry-operator-centroid.png","wide_image-width":794,"wide_image-height":530}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/developers.arcgis.com\/javascript\/latest\/sample-code\/geometry-operator-centroid\/"},{"acf_fc_layout":"content","content":"
Learn more about 4.31!<\/h2>\n
Besides what\u2019s highlighted above, this release also welcomes\u00a0link chart<\/a>\u00a0support for knowledge graph data, ability to share and present your viewshed analysis<\/a> in scene, viewing utility network associations<\/a> in popups, and more! Visit our release note<\/a> for more information.<\/p>\n
Join our livestream on December 3rd at 9am PT<\/a><\/strong> to see our 4.31 release highlights in action and get your questions answered with our product team!<\/p>\n"}],"related_articles":[{"ID":2529962,"post_author":"7641","post_date":"2024-11-12 22:21:57","post_date_gmt":"2024-11-13 06:21:57","post_content":"","post_title":"What's New in ArcGIS Online (November 2024)","post_excerpt":"","post_status":"publish","comment_status":"closed","ping_status":"closed","post_password":"","post_name":"whats-new-arcgis-online-november-2024","to_ping":"","pinged":"","post_modified":"2026-02-11 20:46:50","post_modified_gmt":"2026-02-12 04:46:50","post_content_filtered":"","post_parent":0,"guid":"https:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&p=2529962","menu_order":0,"post_type":"blog","post_mime_type":"","comment_count":"0","filter":"raw"},{"ID":2538262,"post_author":"309572","post_date":"2024-10-30 12:00:33","post_date_gmt":"2024-10-30 19:00:33","post_content":"","post_title":"What's New in Calcite Design System (October 2024)","post_excerpt":"","post_status":"publish","comment_status":"open","ping_status":"closed","post_password":"","post_name":"whats-new-in-calcite-design-system-october-2024","to_ping":"","pinged":"","post_modified":"2024-10-30 12:02:05","post_modified_gmt":"2024-10-30 19:02:05","post_content_filtered":"","post_parent":0,"guid":"https:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&p=2538262","menu_order":0,"post_type":"blog","post_mime_type":"","comment_count":"0","filter":"raw"},{"ID":2533902,"post_author":"362592","post_date":"2024-10-17 05:38:45","post_date_gmt":"2024-10-17 12:38:45","post_content":"","post_title":"3D Object Layer: A Comprehensive Overview","post_excerpt":"","post_status":"publish","comment_status":"closed","ping_status":"closed","post_password":"","post_name":"3d-object-layer-a-comprehensive-overview","to_ping":"","pinged":"","post_modified":"2025-03-07 07:44:00","post_modified_gmt":"2025-03-07 15:44:00","post_content_filtered":"","post_parent":0,"guid":"https:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&p=2533902","menu_order":0,"post_type":"blog","post_mime_type":"","comment_count":"0","filter":"raw"},{"ID":2561242,"post_author":"10062","post_date":"2024-11-22 11:30:46","post_date_gmt":"2024-11-22 19:30:46","post_content":"","post_title":"Join us for a livestream: What's New in the ArcGIS Maps SDK for JavaScript, v4.31","post_excerpt":"","post_status":"publish","comment_status":"open","ping_status":"closed","post_password":"","post_name":"arcgis-maps-sdk-for-javascript-v4-31-livestream","to_ping":"","pinged":"","post_modified":"2024-11-22 12:32:21","post_modified_gmt":"2024-11-22 20:32:21","post_content_filtered":"","post_parent":0,"guid":"https:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&p=2561242","menu_order":0,"post_type":"blog","post_mime_type":"","comment_count":"0","filter":"raw"}],"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/11\/card-logo-sml.png","wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/11\/card-logo-med.png","show_article_image":false},"yoast_head":"\nWhat's New in ArcGIS Maps SDK for JavaScript (4.31)<\/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\/js-api-arcgis\/announcements\/whats-new-in-arcgis-maps-sdk-for-javascript-4-31\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"What's New in ArcGIS Maps SDK for JavaScript (4.31)\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/announcements\/whats-new-in-arcgis-maps-sdk-for-javascript-4-31\" \/>\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=\"2024-11-26T05:12:09+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@ESRI\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"8 minutes\" \/>\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\/js-api-arcgis\/announcements\/whats-new-in-arcgis-maps-sdk-for-javascript-4-31#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/announcements\/whats-new-in-arcgis-maps-sdk-for-javascript-4-31\"},\"author\":{\"name\":\"Yixuan 'Emily' Hu\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/10b3d4e673fe41b52701d08f4cf10922\"},\"headline\":\"What’s New in ArcGIS Maps SDK for JavaScript (4.31)\",\"datePublished\":\"2024-11-07T15:00:03+00:00\",\"dateModified\":\"2024-11-26T05:12:09+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/announcements\/whats-new-in-arcgis-maps-sdk-for-javascript-4-31\"},\"wordCount\":9,\"commentCount\":2,\"publisher\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#organization\"},\"keywords\":[\"ArcGIS Maps SDK for JavaScript\",\"Web Development\",\"what's new November 2024\"],\"articleSection\":[\"Announcements\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/announcements\/whats-new-in-arcgis-maps-sdk-for-javascript-4-31#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/announcements\/whats-new-in-arcgis-maps-sdk-for-javascript-4-31\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/announcements\/whats-new-in-arcgis-maps-sdk-for-javascript-4-31\",\"name\":\"What's New in ArcGIS Maps SDK for JavaScript (4.31)\",\"isPartOf\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#website\"},\"datePublished\":\"2024-11-07T15:00:03+00:00\",\"dateModified\":\"2024-11-26T05:12:09+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/announcements\/whats-new-in-arcgis-maps-sdk-for-javascript-4-31#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/announcements\/whats-new-in-arcgis-maps-sdk-for-javascript-4-31\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/announcements\/whats-new-in-arcgis-maps-sdk-for-javascript-4-31#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.esri.com\/arcgis-blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"What’s New in ArcGIS Maps SDK for JavaScript (4.31)\"}]},{\"@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\/10b3d4e673fe41b52701d08f4cf10922\",\"name\":\"Yixuan 'Emily' Hu\",\"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\/2025\/09\/profile_square-465x465.jpeg\",\"contentUrl\":\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/profile_square-465x465.jpeg\",\"caption\":\"Yixuan 'Emily' Hu\"},\"description\":\"Yixuan 'Emily' Hu is a mapping and technology enthusiast working as the Product Manager for Esri's web development technologies. She was previously a software engineer for web mapping applications and GIS developer in commercial real estate, with an educational background in GIS and Urban Spatial Analytics. Emily is dedicated to leverage her experience in different parts of GIS industry and her global background to help customers build the most suitable applications.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/yixuan-emily-hu-69671713b\/\"],\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/author\/yhu\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"What's New in ArcGIS Maps SDK for JavaScript (4.31)","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\/js-api-arcgis\/announcements\/whats-new-in-arcgis-maps-sdk-for-javascript-4-31","og_locale":"en_US","og_type":"article","og_title":"What's New in ArcGIS Maps SDK for JavaScript (4.31)","og_url":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/announcements\/whats-new-in-arcgis-maps-sdk-for-javascript-4-31","og_site_name":"ArcGIS Blog","article_publisher":"https:\/\/www.facebook.com\/esrigis\/","article_modified_time":"2024-11-26T05:12:09+00:00","twitter_card":"summary_large_image","twitter_site":"@ESRI","twitter_misc":{"Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":["Article","BlogPosting"],"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/announcements\/whats-new-in-arcgis-maps-sdk-for-javascript-4-31#article","isPartOf":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/announcements\/whats-new-in-arcgis-maps-sdk-for-javascript-4-31"},"author":{"name":"Yixuan 'Emily' Hu","@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/10b3d4e673fe41b52701d08f4cf10922"},"headline":"What’s New in ArcGIS Maps SDK for JavaScript (4.31)","datePublished":"2024-11-07T15:00:03+00:00","dateModified":"2024-11-26T05:12:09+00:00","mainEntityOfPage":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/announcements\/whats-new-in-arcgis-maps-sdk-for-javascript-4-31"},"wordCount":9,"commentCount":2,"publisher":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#organization"},"keywords":["ArcGIS Maps SDK for JavaScript","Web Development","what's new November 2024"],"articleSection":["Announcements"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/announcements\/whats-new-in-arcgis-maps-sdk-for-javascript-4-31#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/announcements\/whats-new-in-arcgis-maps-sdk-for-javascript-4-31","url":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/announcements\/whats-new-in-arcgis-maps-sdk-for-javascript-4-31","name":"What's New in ArcGIS Maps SDK for JavaScript (4.31)","isPartOf":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#website"},"datePublished":"2024-11-07T15:00:03+00:00","dateModified":"2024-11-26T05:12:09+00:00","breadcrumb":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/announcements\/whats-new-in-arcgis-maps-sdk-for-javascript-4-31#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/announcements\/whats-new-in-arcgis-maps-sdk-for-javascript-4-31"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/announcements\/whats-new-in-arcgis-maps-sdk-for-javascript-4-31#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.esri.com\/arcgis-blog\/"},{"@type":"ListItem","position":2,"name":"What’s New in ArcGIS Maps SDK for JavaScript (4.31)"}]},{"@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\/10b3d4e673fe41b52701d08f4cf10922","name":"Yixuan 'Emily' Hu","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\/2025\/09\/profile_square-465x465.jpeg","contentUrl":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/profile_square-465x465.jpeg","caption":"Yixuan 'Emily' Hu"},"description":"Yixuan 'Emily' Hu is a mapping and technology enthusiast working as the Product Manager for Esri's web development technologies. She was previously a software engineer for web mapping applications and GIS developer in commercial real estate, with an educational background in GIS and Urban Spatial Analytics. Emily is dedicated to leverage her experience in different parts of GIS industry and her global background to help customers build the most suitable applications.","sameAs":["https:\/\/www.linkedin.com\/in\/yixuan-emily-hu-69671713b\/"],"url":"https:\/\/www.esri.com\/arcgis-blog\/author\/yhu"}]}},"text_date":"November 7, 2024","author_name":"Yixuan 'Emily' Hu","author_page":"https:\/\/www.esri.com\/arcgis-blog\/author\/yhu","custom_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/11\/card-logo-med.png","primary_product":"ArcGIS Maps SDK for JavaScript","tag_data":[{"term_id":769562,"name":"ArcGIS Maps SDK for JavaScript","slug":"arcgis-maps-sdk-for-javascript","term_group":0,"term_taxonomy_id":769562,"taxonomy":"post_tag","description":"","parent":0,"count":28,"filter":"raw"},{"term_id":36161,"name":"Web Development","slug":"web-development","term_group":0,"term_taxonomy_id":36161,"taxonomy":"post_tag","description":"","parent":0,"count":19,"filter":"raw"},{"term_id":776962,"name":"what's new November 2024","slug":"whats-new-november-2024","term_group":0,"term_taxonomy_id":776962,"taxonomy":"post_tag","description":"","parent":0,"count":26,"filter":"raw"}],"category_data":[{"term_id":37101,"name":"Announcements","slug":"announcements","term_group":0,"term_taxonomy_id":37101,"taxonomy":"category","description":"","parent":0,"count":1964,"filter":"raw"}],"product_data":[{"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":363,"filter":"raw"}],"primary_product_link":"https:\/\/www.esri.com\/arcgis-blog\/?s=#&products=js-api-arcgis","_links":{"self":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/blog\/2540202","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\/330302"}],"replies":[{"embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/comments?post=2540202"}],"version-history":[{"count":0,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/blog\/2540202\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/media?parent=2540202"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/categories?post=2540202"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/tags?post=2540202"},{"taxonomy":"industry","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/industry?post=2540202"},{"taxonomy":"product","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/product?post=2540202"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}