ArcGIS Maps SDK for JavaScript

Current version: 5.1 (June 2026)

This guide describes how to use the ArcGIS Maps SDK for JavaScript ArcGIS Maps SDK for JavaScript, previously known as ArcGIS API for JavaScript, is a developer product for building mapping and spatial analysis applications for the web. Learn more to build highly interactive 2D and 3D mapping applications, with fast rendering, data-driven visualization, and ready-to-use components for common mapping workflows.

Simple map with the ArcGIS/Navigation basemap style and UI components

22 collapsed lines
<html>
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
    <title>ArcGIS Maps SDK for JavaScript: Display a map</title>
    <style>
      html,
      body {
        height: 100%;
        margin: 0;
      }
    </style>
    <script>
      var esriConfig = {
        apiKey: "YOUR_ACCESS_TOKEN",
      };
    </script>
    <script type="module" src="https://js.arcgis.com/5.1/"></script>
  </head>

  <body>

    <arcgis-map basemap="arcgis/navigation" center="-10, 30" zoom="1">
      <arcgis-zoom slot="top-left"></arcgis-zoom>
      <arcgis-search slot="top-right"></arcgis-search>
      <arcgis-basemap-toggle slot="bottom-right" next-basemap="arcgis/imagery"></arcgis-basemap-toggle>
    </arcgis-map>
3 collapsed lines

  </body>
</html>