使用 React 向 Arcgis 地图添加新的底图

如何解决使用 React 向 Arcgis 地图添加新的底图

在 Arcgis 开发者网页中，有一篇文章介绍了如何使用自定义 baseMap 添加新的自定义 API url。看起来像这样：

require([
    "esri/basemaps","esri/map","dojo/domready!"
  ],function (esriBasemaps,Map){
    esriBasemaps.delorme = {
      baseMapLayers: [{url: "https://services.arcgisonline.com/ArcGIS/rest/services/Specialty/DeLorme_World_Base_Map/MapServer"}
      ],thumbnailUrl: "https://www.example.com/images/thumbnail_2014-11-25_61051.png",title: "Delorme"
    };

    var map = new Map("ui-map",{
      basemap: "delorme",center: [-111.879655861,40.571338776],// long,lat
      zoom: 13,sliderStyle: "small"
    });
});

现在我真的不明白如何使用 react-arcgis 做同样的事情。 react-arcgis 中似乎没有使用 custom API url`` as BaseMapbut is there an option to do something similar inReact` 的内置方法？

this.props.map.basemap = 'streets-relief-vector';

而不是使用内置的底图字符串。

还创建了一个简单的 CodeSandbox 来对此进行测试。

解决方法

您可以像这样设置底图

<Map mapProperties={{ basemap: "streets-relief-vector" }}>