弧形层的瓦片根本不会加载

时间:2016-02-04 13:39:59

标签: javascript leaflet arcgis arcgis-js-api angular-leaflet-directive

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

这是我的传单地图的初始化(覆盖'汉堡'是我正在讨论的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
      }
    });

谢谢!

1 个答案:

答案 0 :(得分:3)

这不起作用,因为您将图层定义为xyz图层,Esri图层不是。使用Esri图层需要您加载leaflet-esri库并定义不同的layertype。当我访问您正在尝试使用的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/