1. <html>
    2.   <head>
    3.     <meta charset="utf-8" />
    4.     <meta
    5.       name="viewport"
    6.       content="initial-scale=1,maximum-scale=1,user-scalable=no"
    7.     />
    8.     <title>
    9.       Intro to MapImageLayer | Sample | ArcGIS API for JavaScript 4.21
    10.     </title>
    12.     <link
    13.       rel="stylesheet"
    14.       href="https://js.arcgis.com/4.21/esri/themes/light/main.css"
    15.     />
    16.     <script src="https://js.arcgis.com/4.21/"></script>
    18.     <style>
    19.       html,
    20.       body,
    21.       #viewDiv {
    22.         padding: 0;
    23.         margin: 0;
    24.         height: 100%;
    25.         width: 100%;
    26.       }
    27.     </style>
    29.     <script>
    30.       require([
    31.         "esri/Map",
    32.         "esri/views/SceneView",
    33.         "esri/layers/MapImageLayer"
    34.       ], (Map, SceneView, MapImageLayer) => {        
    35.         const permitsLayer = new MapImageLayer({
    36.           portalItem: {
    37.             id: "d7892b3c13b44391992ecd42bfa92d01"
    38.           }
    39.         });
    40.         const map = new Map({
    41.           basemap: "dark-gray-vector",
    42.           layers: [permitsLayer]
    43.         });
    45.         const view = new SceneView({
    46.           container: "viewDiv",
    47.           map: map
    48.         });        
    49.         permitsLayer.when(() => {
    50.           view.goTo(permitsLayer.fullExtent).catch((error) => {
    51.             if (error.name != "AbortError") {
    52.               console.error(error);
    53.             }
    54.           });
    55.         });
    56.       });
    57.     </script>
    58.   </head>
    60.   <body>
    61.     <div id="viewDiv"></div>
    62.   </body>
    63. </html>