如何通过 react-arcgis npm 向 arcgis 地图添加图层？答案

【问题标题】：How to add layers to arcgis map by react-arcgis npm?如何通过 react-arcgis npm 向 arcgis 地图添加图层？
【发布时间】：2018-07-12 12:42:56
【问题描述】：

我正在尝试使用 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>

任何帮助将不胜感激......

【问题讨论】：

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

【解决方案1】：

图层是一个集合。我一直在通过单层。我所要做的就是创建一个“层”状态数组并将层传递给数组

【讨论】：