Display worldview

Use the worldview parameter of L.esri.Static.staticBasemapTileLayer to change the political worldview of the basemap layer. Currently, the only supported worldview is unitedStatesOfAmerica.

Use dark colors for code blocksCopy
<html>

<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no" />
  <title>Esri Leaflet: Display worldview</title>
  <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" crossorigin="" />
  <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js" crossorigin=""></script>
  <!-- Load Esri Leaflet from CDN -->
  <script src="https://unpkg.com/esri-leaflet@3.0.15/dist/esri-leaflet.js"></script>
  <!-- Load Esri Leaflet Static Basemap Tiles from CDN -->
  <script src="https://unpkg.com/esri-leaflet-static-basemap-tile@1/dist/esri-leaflet-static-basemap-tile.js" crossorigin=""></script>
  <style>
    body {
      margin: 0;
      padding: 0;
    }

    #map {
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 14px;
      color: #323232;
    }
  </style>
</head>

<body>
  <div id="map"></div>
  <script>
    const map = L.map("map", {
      minZoom: 2
    }).setView([24.96, -89.58], 5);

    const accessToken = "YOUR_ACCESS_TOKEN";

    L.esri.Static.staticBasemapTileLayer("arcgis/navigation", {
      token: accessToken,
      worldview: "unitedStatesOfAmerica"
    }).addTo(map);
  </script>
</body>

</html>