javascript - arcgis 层的图 block 根本不加载

Question

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

这是我的传单 map 的初始化(覆盖“汉堡”是我正在谈论的 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 库并定义不同的图层类型。当我访问您尝试使用并附加/WMSServer 的 URL 时，我看到它是一个带有马赛克规则的 Esri 图像层，据我所知，该指令不支持该规则，但我可能是错的。指令的示例页面上有很多关于如何将 Ersi 层与指令一起使用的示例。我建议你看一下(在标签层下):

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

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

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