基本 ESRI 切片图层不使用 ArcGIS JavaScript API v4.12 显示答案

【问题标题】：Basic ESRI tilelayer not displaying using ArcGIS JavaScript API v4.12基本 ESRI 切片图层不使用 ArcGIS JavaScript API v4.12 显示
【发布时间】：2020-01-18 06:19:05
【问题描述】：

我正在尝试在 HTML 页面中加载 ESRI 切片图层，但由于某种原因地图未显示。

这应该是一个简单的过程，我无法确定问题所在（我在控制台窗口中没有收到任何错误消息）。

有什么建议吗？

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta
      name="viewport"
      content="initial-scale=1,maximum-scale=1,user-scalable=no"
    />
    <title>Load a basic WebMap - 4.12</title>

    <style>
      html,
      body,
      #viewDiv {
        padding: 0;
        margin: 0;
        height: 100%;
        width: 100%;
      }
    </style>

    <link
      rel="stylesheet"
      href="https://js.arcgis.com/4.12/esri/themes/light/main.css"
    />

    <script src="https://js.arcgis.com/4.12/"></script>

    <script>
      require([
        "esri/Map",
        "esri/views/MapView",
        "esri/layers/TileLayer"
      ], function(TileLayer, Map, MapView) {
        var layer = new TileLayer({
          url:
            "https://services.arcgisonline.com/arcgis/rest/services/World_Terrain_Base/MapServer"
        });

        var map = new Map({
          layers: [layer]
        });

        var view = new MapView({
          container: "viewDiv",
          map: map
        });
      });
    </script>
  </head>

  <body>
    <div id="viewDiv"></div>
  </body>
</html>

【问题讨论】：

标签： esri arcgis-js-api

【解决方案1】：

因为您的进口订单是错误的。你应该改变这一行

function(TileLayer, Map, MapView)

到

function(Map, MapView,TileLayer) {

https://jsfiddle.net/h31m5ub7/

完整代码:; `

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta
      name="viewport"
      content="initial-scale=1,maximum-scale=1,user-scalable=no"
    />
    <title>Load a basic WebMap - 4.12</title>

    <style>
      html,
      body,
      #viewDiv {
        padding: 0;
        margin: 0;
        height: 100%;
        width: 100%;
      }
    </style>
    <link
      rel="stylesheet"
      href="https://js.arcgis.com/4.12/esri/themes/light/main.css"
    />
    <script src="https://js.arcgis.com/4.12/"></script>
    <script>
      require([
        "esri/Map",
        "esri/views/MapView",
        "esri/layers/TileLayer"
      ], function(Map, MapView,TileLayer) {
        var layer = new TileLayer({
          url:            "https://services.arcgisonline.com/arcgis/rest/services/World_Terrain_Base/MapServer"
        });
        var map = new Map({
          layers: [layer]
        });

        var view = new MapView({
          container: "viewDiv",
          map: map
        });
      });
    </script>
  </head>
  <body>
    <div id="viewDiv"></div>
  </body>
</html>

【讨论】：