arcgis 层的图块根本不加载

Question

我尝试使用带有传单的特定 arcgis 图层。但是，我真的不知道我是否正确使用它或错过了重要的一点，因为没有加载图块并且我没有收到任何错误消息。也许有人知道，我做错了什么/如何解决我的问题。

这是我的传单地图的初始化（叠加层 'hamburg' 是我正在谈论的 arcgis 图层）：

angular.extend($scope, {
      hamburg: {
        lat: 53.551086,
        lng: 9.993682,
        zoom: 13
      },
      layers: {
        baselayers: {
          osm: {
            name: 'OpenStreetMap',
            type: 'xyz',
            url: 'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
            layerOptions: {
              subdomains: ['a', 'b', 'c'],
              attribution: '&copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors',
              continuousWorld: true,
              opacity: 0.9,
              detectRetina: true,
              reuseTiles: true
            }
          }
        },
        overlays: {
          hamburg: {
            name: 'hamburg',
            url: 'https://tiles.arcgis.com/tiles/KHQBPiNdn2v7ViKB/arcgis/rest/services/Hafenkarte_FE/MapServer',
            type: 'xyz'
          }
        }
      },
      defaults: {
        zoomControlPosition: 'topright',
        maxZoom: 17,
        minZoom: 13,
        scrollWheelZoom: true
      }
    });

谢谢！

Answer 1

这不起作用，因为您将图层定义为 xyz 图层，而 Esri 图层不是。使用 Esri 图层需要您加载 leaflet-esri 库并定义不同的图层类型。当我访问 URL 您尝试使用和附加 /WMSServer 时，我看到它是一个带有马赛克规则的 Esri 图像层，据我所知指令不支持，但我可能是错的。指令的示例页面上有很多关于如何将 Ersi 层与指令一起使用的示例。我建议你看看（标签层下）：

http://tombatossals.github.io/angular-leaflet-directive/examples/0000-viewer.html#/basic/first-example

可以在此处找到有关一般使用 Leaflet 和 Esri 的更多信息：

http://esri.github.io/esri-leaflet/

arcgis 层的图块根本不加载

Tiles of arcgis layer do not load at all

javascript

arcgis

leaflet

arcgis-js-api

angular-leaflet-directive