從react-arcgis插入映射/場景到內部的圖例

Question

我在反應app中插入地圖。 我從包「react-arcgis」中查找以下示例。

，如： - 使用類似（地圖組件的名稱Mapw.js）

import * as React from 'react'; 
import { Map } from 'react-arcgis'; 

export default (props) => (
<Map 
    style={{ width: '100vw', height: '100vh' }} 
    mapProperties={{ basemap: 'satellite' }} 
/> 
) 

和：

import React from 'react'; 
import ReactDOM from 'react-dom'; 

import Mapw from './Mapw' 

ReactDOM.render(
    <div> 
    <Mapw /> 
    </div>, 
    document.getElementById('container') 
); 

這是工作，但它有像下面的圖像的不良影響：

Map showing with legends and controls outside map image

有人可能會脫落如何展示一個乾淨的地圖，我可以像上面那樣使用或者集成到其他組件中，比如彈出窗口，但是集成了文本和控件（或者至少不可見並佔用空間）？

Answer 1

請確保在您的html中爲ArcGIS JS API加載適當的CSS樣式表。這應該解決這個問題。

<link rel="stylesheet" href="https://js.arcgis.com/4.4/esri/css/main.css">