如何通过react-arcgis npm将图层添加到arcgis地图?

时间:2018-02-02 03:57:23

标签: javascript reactjs arcgis arcgis-js-api esri-maps

我正在尝试使用react-arcgis npm,

向arcgis添加一个图层
esriPromise(["esri/layers/TileLayer"]).then(([ TileLayer ]) => {
            var initLayer = new TileLayer({
                url: "http://......."
            });
            console.log(initLayer);
            this.setState({ layer: initLayer });

        });

但是我得到大多数属性的空输出。

另外,当我尝试将图层属性添加到地图时,我会收到以下错误,

  

[esri.core.Accessor] Accessor #set分配实例   'esri.layers.TileLayer',它不是。的子类   'esri.core.Collection'

<div id = 'main-content'>
  <Map
    class="full-screen-map"
    mapProperties={{
      basemap: 'topo',
      showLabels : true,
      logo: false,
      sliderPosition: 'bottom-left',
      layers: this.state.layer,
    }}
    viewProperties={{
      layers: this.state.layer,
      zoom: 12,
      extent: this.state.extent,
      minZoom: minZoom,
      maxZoom: maxZoom,
    }}
    onFail={this.handleFail}
    onLoad={this.handleMapLoad}
  />
</div>

非常感谢任何帮助......

1 个答案:

答案 0 :(得分:1)

图层是一个集合。我一直都是自己传递一层。 我所要做的就是制作一系列&#39;层&#39;陈述并将图层传递给数组