{"id":775659,"date":"2026-11-01T18:59:08","date_gmt":"2026-11-02T02:59:08","guid":{"rendered":"https:\/\/www.esri.com\/about\/newsroom\/?post_type=arcnews&#038;p=775659"},"modified":"2026-10-30T16:38:18","modified_gmt":"2026-10-30T23:38:18","slug":"javascript-maps-sdk-101","status":"publish","type":"arcnews","link":"https:\/\/www.esri.com\/about\/newsroom\/arcnews\/javascript-maps-sdk-101","title":{"rendered":"JavaScript Maps SDK 101"},"author":5752,"featured_media":0,"menu_order":0,"template":"","format":"standard","meta":{"_acf_changed":false,"sync_status":"","episode_type":"","audio_file":"","transcript_file":"","podmotor_file_id":"","podmotor_episode_id":"","castos_file_data":"","cover_image":"","cover_image_id":"","duration":"","filesize":"","filesize_raw":"","date_recorded":"","explicit":"","block":"","itunes_episode_number":"","itunes_title":"","itunes_season_number":"","itunes_episode_type":"","_links_to":"","_links_to_target":""},"categories":[10822,486442,10832],"tags":[322942,481652,295602,281,1281],"arcnews_issues":[493590],"class_list":["post-775659","arcnews","type-arcnews","status-publish","format-standard","hentry","category-apps","category-arcgis-maps-sdk-for-javascript-developer-technology","category-developer-technology","tag-coding","tag-customization","tag-interactive","tag-location-intelligence","tag-visualization","arcnews_issues-november-2026","arcnews_sections-developers-corner"],"acf":{"short_description":"Regardless of your coding experience level, ArcGIS Maps SDK for JavaScript brings flexibility, scalability, and power to your apps.","pdf":{"host_remotely":false,"file":"","file_url":""},"flexible_content":[{"acf_fc_layout":"content","content":"Some GIS professionals use robust developer tools every day. Others work primarily with options that entail little to no coding and don\u2019t require experience with dedicated developer software. But tools like ArcGIS Maps SDK for JavaScript can bring extra flexibility, scalability, and power to your mapping apps.\r\n\r\nArcGIS Maps SDKs\u00a0are a family of developer tools designed to build mapping and spatial analysis apps across platforms. Along with software development kits (SDKs) for web (JavaScript), the suite includes native apps (.NET, Flutter, Swift, Kotlin, and Qt) and game engines (Unity and Unreal Engine).\r\n\r\nSo what is\u00a0JavaScript Maps SDK, and how can developers and organizations use it to\u00a0build custom, location\u2011aware apps?"},{"acf_fc_layout":"image","image":775660,"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<h2>What Is JavaScript Maps SDK?<\/h2>\r\nJavaScript Maps SDK is Esri\u2019s premium tool for building custom, interactive web mapping apps. It enables developers to create rich 2D and 3D experiences that visualize, analyze, and edit spatial data directly in a browser.\r\n\r\nEsri uses it to build web apps such as ArcGIS Experience Builder, ArcGIS Instant Apps, and ArcGIS Dashboards. GIS practitioners also use it to create their own web-based apps.\r\n\r\nThe SDK is built around two complementary elements:\r\n<ul>\r\n \t<li><strong>The core API\u2014<\/strong>This is the programmatic foundation for working with maps, layers, geometry, rendering, and analysis. It gives developers fine\u2011grained control over app behavior through JavaScript classes, methods, events, and data models.\u00a0The API enables highly customized workflows\u00a0such as advanced visualization, client\u2011side analysis, feature editing, and integration with other systems,\u00a0making it ideal for developers who need flexibility and control.<\/li>\r\n \t<li><strong>Web components\u2014<\/strong>The SDK also includes standards-based, reusable web components that can be used to incorporate maps, charts, UI elements, and AI into web mapping apps with minimal code. These components work with plain JavaScript as well as modern frameworks such as React, Angular, and Vue.\u00a0Web components accelerate development by providing ready\u2011to\u2011use building blocks that follow accessibility and design best practices, allowing teams to focus more on solving problems and less on rebuilding common UI patterns.<\/li>\r\n<\/ul>\r\nTogether, the\u00a0core\u00a0API and web components let developers choose between deep customization and rapid development\u00a0or combine both approaches in the same app."},{"acf_fc_layout":"sidebar","layout":"standard","image_reference":null,"image_reference_figure":"","spotlight_image":null,"section_title":"","spotlight_name":"","position":"Center","content":"JavaScript Maps SDK is\u00a0tightly integrated with\u00a0Calcite Design System, Esri\u2019s framework-agnostic design system for building consistent, accessible, and responsive web apps. Calcite provides reusable layout components, UI patterns, and design tokens that handle app structure and styling, while ArcGIS map components focus on rendering and interacting with geospatial content. This clear separation helps developers build clean, maintainable apps faster; ensures visual consistency; and delivers\u00a0built-in\u00a0support for accessibility and theming, such as light and dark modes.","snippet":""},{"acf_fc_layout":"content","content":"<h2>What Can JavaScript Maps SDK\u00a0Do for Me?<\/h2>\r\nThe SDK offers several key benefits for GIS app developers:\r\n<ul>\r\n \t<li><strong>2D and 3D\u00a0visualization\u2014<\/strong>Create high\u2011performance 2D and 3D maps that can handle large and complex datasets in a browser.<\/li>\r\n \t<li><strong>Fast client<\/strong><strong>\u2011<\/strong><strong>side analysis\u2014<\/strong>Perform querying, filtering, measurement, and spatial analysis directly in the web app.<\/li>\r\n \t<li><strong>Developer\u00a0resources\u2014<\/strong>Extensive documentation, tutorials, and samples help developers get started quickly and follow best practices.<\/li>\r\n \t<li><strong>Ecosystem integration\u2014<\/strong>Seamless connection to ArcGIS Online, ArcGIS Enterprise, and ArcGIS Location Platform ensures access to authoritative data and services.<\/li>\r\n \t<li><strong>Scalability and flexibility\u2014<\/strong>The SDK can be used for simple apps as well as enterprise solutions.<\/li>\r\n<\/ul>"},{"acf_fc_layout":"image","image":775661,"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<h2>How Do I Use JavaScript Maps SDK?<\/h2>\r\nYou can add JavaScript Maps SDK to your apps in two primary ways:\r\n<ul>\r\n \t<li><strong>Content delivery network\u2014<\/strong>A content delivery network (CDN) hosts and delivers JavaScript files, libraries, and frameworks within a user\u2019s web browser, so you don\u2019t have to host these yourself. JavaScript Maps SDK can be loaded directly into an HTML page using &lt;script&gt; and &lt;link&gt; tags, adding the core API library, all component packages, and the CSS to your app. This approach is ideal for learning, developing quick prototypes, or creating lightweight apps where minimal setup is preferred.<\/li>\r\n \t<li><strong>npm\u2014<\/strong>Developers can install the SDK as a package in their project and integrate it with modern build tools and frameworks through npm, JavaScript\u2019s default package manager. This method is best suited for production apps that require structured code bases, version control, and optimized builds.<\/li>\r\n<\/ul>\r\nBoth options deliver the same capabilities. The choice depends on workflow, not functionality.\r\n\r\nWhile a CDN or\u00a0npm\u00a0determines\u00a0how to access the SDK code, access to maps, data, and services is\u00a0controlled\u00a0by a foundational ArcGIS account. Apps built with JavaScript Maps SDK connect to ArcGIS through ArcGIS Online, ArcGIS Enterprise, and ArcGIS Location Platform, Esri\u2019s cloud-based platform as a service (PaaS) with a pay-as-you-go\u00a0option\u00a0for location services.\u00a0Apps using Location Platform start with a free tier and incur usage-based charges as consumption scales.\r\n\r\nCustom web apps built or deployed using JavaScript Maps SDK must be licensed\u00a0through one of these options. For ArcGIS Online and ArcGIS Enterprise users, JavaScript Maps SDK is licensed via user types."},{"acf_fc_layout":"sidebar","layout":"standard","image_reference":null,"image_reference_figure":"","spotlight_image":null,"section_title":"","spotlight_name":"","position":"Center","content":"JavaScript Maps SDK offers different ways to securely access ArcGIS services and private data hosted in ArcGIS. There are three types of\u202fauthentication\u202fyou can implement to get an access token for building\u00a0apps that use secure ArcGIS resources and services:\r\n<ul>\r\n \t<li><strong>API key\u202fauthentication\u2014<\/strong>Uses a long-lived access token embedded directly into an app or console script. It\u2019s best suited for creating public-facing apps that use\u202fArcGIS Location Services\u202fand secure\u202fitems\u202fowned by an organization.<\/li>\r\n \t<li><strong>User\u202fauthentication\u2014<\/strong>Uses an OAuth 2.0 protocol to generate an access token and let users sign in to access secure resources.<\/li>\r\n \t<li><strong>App\u00a0authentication\u2014<\/strong>Uses an OAuth 2.0 credential to generate short-lived access tokens for public-facing apps with server-side components that need access to ArcGIS Location Services or secure content.<\/li>\r\n<\/ul>","snippet":""},{"acf_fc_layout":"image","image":775662,"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<h2>When Should I Use JavaScript Maps SDK?<\/h2>\r\nJavaScript Maps SDK works best for scenarios in which data and location drive decisions, meaning it can be instrumental in a wide range of environments. Building interactive parcel and zoning viewers; utility network and outage management apps; large-scale 2D and 3D city and infrastructure visualizations; real-time operational dashboards; situational awareness apps for planning and emergency response\u2014all of these are perfect scenarios for the SDK\u2019s capabilities. Any organization that needs to visualize, analyze, or interact with location data on the web can take advantage of JavaScript Maps SDK.\r\n\r\nJavaScript Maps SDK\u00a0is an invaluable tool for bringing location intelligence to custom web apps.\u00a0By enabling flexible, secure, and scalable web experiences, the SDK helps you transform location data into insight and impact."}],"references":null},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v25.9 (Yoast SEO v25.9) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>JavaScript Maps SDK 101 | November 2026 | ArcNews<\/title>\n<meta name=\"description\" content=\"Regardless of your coding experience level, ArcGIS Maps SDK for JavaScript brings flexibility, scalability, and power to your apps.\" \/>\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\/about\/newsroom\/arcnews\/javascript-maps-sdk-101\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"JavaScript Maps SDK 101 | November 2026 | ArcNews\" \/>\n<meta property=\"og:description\" content=\"Regardless of your coding experience level, ArcGIS Maps SDK for JavaScript brings flexibility, scalability, and power to your apps.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.esri.com\/about\/newsroom\/arcnews\/javascript-maps-sdk-101\" \/>\n<meta property=\"og:site_name\" content=\"Esri\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/esrigis\/\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.esri.com\/about\/newsroom\/app\/uploads\/2026\/10\/arcnews-banner-javascriptmaps-wide.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"JavaScript Maps SDK 101 | November 2026 | ArcNews\" \/>\n<meta name=\"twitter:description\" content=\"Regardless of your coding experience level, ArcGIS Maps SDK for JavaScript brings flexibility, scalability, and power to your apps.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/www.esri.com\/about\/newsroom\/app\/uploads\/2026\/10\/arcnews-banner-javascriptmaps-wide.jpg\" \/>\n<meta name=\"twitter:site\" content=\"@Esri\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\n\t    \"@context\": \"https:\/\/schema.org\",\n\t    \"@graph\": [\n\t        {\n\t            \"@type\": \"WebPage\",\n\t            \"@id\": \"https:\/\/www.esri.com\/about\/newsroom\/arcnews\/javascript-maps-sdk-101\",\n\t            \"url\": \"https:\/\/www.esri.com\/about\/newsroom\/arcnews\/javascript-maps-sdk-101\",\n\t            \"name\": \"JavaScript Maps SDK 101 | November 2026 | ArcNews\",\n\t            \"isPartOf\": {\n\t                \"@id\": \"https:\/\/www.esri.com\/about\/newsroom\/#website\"\n\t            },\n\t            \"datePublished\": \"2026-11-02T02:59:08+00:00\",\n\t            \"description\": \"Regardless of your coding experience level, ArcGIS Maps SDK for JavaScript brings flexibility, scalability, and power to your apps.\",\n\t            \"breadcrumb\": {\n\t                \"@id\": \"https:\/\/www.esri.com\/about\/newsroom\/arcnews\/javascript-maps-sdk-101#breadcrumb\"\n\t            },\n\t            \"inLanguage\": \"en-US\",\n\t            \"potentialAction\": [\n\t                {\n\t                    \"@type\": \"ReadAction\",\n\t                    \"target\": [\n\t                        \"https:\/\/www.esri.com\/about\/newsroom\/arcnews\/javascript-maps-sdk-101\"\n\t                    ]\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"BreadcrumbList\",\n\t            \"@id\": \"https:\/\/www.esri.com\/about\/newsroom\/arcnews\/javascript-maps-sdk-101#breadcrumb\",\n\t            \"itemListElement\": [\n\t                {\n\t                    \"@type\": \"ListItem\",\n\t                    \"position\": 1,\n\t                    \"name\": \"Home\",\n\t                    \"item\": \"https:\/\/www.esri.com\/about\/newsroom\"\n\t                },\n\t                {\n\t                    \"@type\": \"ListItem\",\n\t                    \"position\": 2,\n\t                    \"name\": \"ArcNews Articles\",\n\t                    \"item\": \"https:\/\/www.esri.com\/about\/newsroom\/arcnews\"\n\t                },\n\t                {\n\t                    \"@type\": \"ListItem\",\n\t                    \"position\": 3,\n\t                    \"name\": \"JavaScript Maps SDK 101\"\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"WebSite\",\n\t            \"@id\": \"https:\/\/www.esri.com\/about\/newsroom\/#website\",\n\t            \"url\": \"https:\/\/www.esri.com\/about\/newsroom\/\",\n\t            \"name\": \"Esri\",\n\t            \"description\": \"Esri Newsroom\",\n\t            \"potentialAction\": [\n\t                {\n\t                    \"@type\": \"SearchAction\",\n\t                    \"target\": {\n\t                        \"@type\": \"EntryPoint\",\n\t                        \"urlTemplate\": \"https:\/\/www.esri.com\/about\/newsroom\/?s={search_term_string}\"\n\t                    },\n\t                    \"query-input\": {\n\t                        \"@type\": \"PropertyValueSpecification\",\n\t                        \"valueRequired\": true,\n\t                        \"valueName\": \"search_term_string\"\n\t                    }\n\t                }\n\t            ],\n\t            \"inLanguage\": \"en-US\"\n\t        },\n\t        {\n\t            \"@type\": \"Person\",\n\t            \"@id\": \"https:\/\/www.esri.com\/about\/newsroom\/#\/schema\/person\/41c803b2ea8734c36f9c4e9586d1449d\",\n\t            \"name\": \"Amy Ambard\",\n\t            \"image\": {\n\t                \"@type\": \"ImageObject\",\n\t                \"inLanguage\": \"en-US\",\n\t                \"@id\": \"https:\/\/www.esri.com\/about\/newsroom\/#\/schema\/person\/image\/\",\n\t                \"url\": \"https:\/\/secure.gravatar.com\/avatar\/f356480172f8ad0bc8d72b855e84171c52f1944c7c7779f3e425d73bf3efa3c7?s=96&d=blank&r=g\",\n\t                \"contentUrl\": \"https:\/\/secure.gravatar.com\/avatar\/f356480172f8ad0bc8d72b855e84171c52f1944c7c7779f3e425d73bf3efa3c7?s=96&d=blank&r=g\",\n\t                \"caption\": \"Amy Ambard\"\n\t            },\n\t            \"url\": \"\"\n\t        }\n\t    ]\n\t}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"JavaScript Maps SDK 101 | November 2026 | ArcNews","description":"Regardless of your coding experience level, ArcGIS Maps SDK for JavaScript brings flexibility, scalability, and power to your apps.","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\/about\/newsroom\/arcnews\/javascript-maps-sdk-101","og_locale":"en_US","og_type":"article","og_title":"JavaScript Maps SDK 101 | November 2026 | ArcNews","og_description":"Regardless of your coding experience level, ArcGIS Maps SDK for JavaScript brings flexibility, scalability, and power to your apps.","og_url":"https:\/\/www.esri.com\/about\/newsroom\/arcnews\/javascript-maps-sdk-101","og_site_name":"Esri","article_publisher":"https:\/\/www.facebook.com\/esrigis\/","og_image":[{"url":"https:\/\/www.esri.com\/about\/newsroom\/app\/uploads\/2026\/10\/arcnews-banner-javascriptmaps-wide.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_title":"JavaScript Maps SDK 101 | November 2026 | ArcNews","twitter_description":"Regardless of your coding experience level, ArcGIS Maps SDK for JavaScript brings flexibility, scalability, and power to your apps.","twitter_image":"https:\/\/www.esri.com\/about\/newsroom\/app\/uploads\/2026\/10\/arcnews-banner-javascriptmaps-wide.jpg","twitter_site":"@Esri","twitter_misc":{"Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.esri.com\/about\/newsroom\/arcnews\/javascript-maps-sdk-101","url":"https:\/\/www.esri.com\/about\/newsroom\/arcnews\/javascript-maps-sdk-101","name":"JavaScript Maps SDK 101 | November 2026 | ArcNews","isPartOf":{"@id":"https:\/\/www.esri.com\/about\/newsroom\/#website"},"datePublished":"2026-11-02T02:59:08+00:00","description":"Regardless of your coding experience level, ArcGIS Maps SDK for JavaScript brings flexibility, scalability, and power to your apps.","breadcrumb":{"@id":"https:\/\/www.esri.com\/about\/newsroom\/arcnews\/javascript-maps-sdk-101#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.esri.com\/about\/newsroom\/arcnews\/javascript-maps-sdk-101"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.esri.com\/about\/newsroom\/arcnews\/javascript-maps-sdk-101#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.esri.com\/about\/newsroom"},{"@type":"ListItem","position":2,"name":"ArcNews Articles","item":"https:\/\/www.esri.com\/about\/newsroom\/arcnews"},{"@type":"ListItem","position":3,"name":"JavaScript Maps SDK 101"}]},{"@type":"WebSite","@id":"https:\/\/www.esri.com\/about\/newsroom\/#website","url":"https:\/\/www.esri.com\/about\/newsroom\/","name":"Esri","description":"Esri Newsroom","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.esri.com\/about\/newsroom\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.esri.com\/about\/newsroom\/#\/schema\/person\/41c803b2ea8734c36f9c4e9586d1449d","name":"Amy Ambard","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.esri.com\/about\/newsroom\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/f356480172f8ad0bc8d72b855e84171c52f1944c7c7779f3e425d73bf3efa3c7?s=96&d=blank&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f356480172f8ad0bc8d72b855e84171c52f1944c7c7779f3e425d73bf3efa3c7?s=96&d=blank&r=g","caption":"Amy Ambard"},"url":""}]}},"sort_order":"12","_links":{"self":[{"href":"https:\/\/www.esri.com\/about\/newsroom\/wp-json\/wp\/v2\/arcnews\/775659","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.esri.com\/about\/newsroom\/wp-json\/wp\/v2\/arcnews"}],"about":[{"href":"https:\/\/www.esri.com\/about\/newsroom\/wp-json\/wp\/v2\/types\/arcnews"}],"author":[{"embeddable":true,"href":"https:\/\/www.esri.com\/about\/newsroom\/wp-json\/wp\/v2\/users\/5752"}],"version-history":[{"count":6,"href":"https:\/\/www.esri.com\/about\/newsroom\/wp-json\/wp\/v2\/arcnews\/775659\/revisions"}],"predecessor-version":[{"id":775772,"href":"https:\/\/www.esri.com\/about\/newsroom\/wp-json\/wp\/v2\/arcnews\/775659\/revisions\/775772"}],"wp:attachment":[{"href":"https:\/\/www.esri.com\/about\/newsroom\/wp-json\/wp\/v2\/media?parent=775659"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.esri.com\/about\/newsroom\/wp-json\/wp\/v2\/categories?post=775659"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.esri.com\/about\/newsroom\/wp-json\/wp\/v2\/tags?post=775659"},{"taxonomy":"arcnews_issues","embeddable":true,"href":"https:\/\/www.esri.com\/about\/newsroom\/wp-json\/wp\/v2\/arcnews_issues?post=775659"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}