<html>
  
  <head>

    <!-- Load the ArcGIS Maps SDK for JavaScript -->
    <link rel="stylesheet" href="https://js.arcgis.com/4.28/esri/themes/dark/main.css" />
    <script src="https://js.arcgis.com/4.28/"></script>

    <!-- Load the Map Components -->
    <script type="module" src="https://js.arcgis.com/map-components/4.28/arcgis-map-components.esm.js"></script>
  
  </head>

  <body>
    
    <!--  Create Map  -->
    <arcgis-map item-id="45b3b2fb35e94ab09381d0caa0da5946">
      <!-- Home button -->
      <arcgis-home position="top-left" />
      <!-- Search -->
      <arcgis-search position="top-right" />
      <!-- Basemap toggle -->
      <arcgis-basemap-toggle position="bottom-right" />
    </arcgis-map>
  
  </body>
  
</html>
html,
body {
  padding: 0;
  margin: 0;
  width: 100vw;
  height: 100vh;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.