Question

我在react 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' }}
/>
)

使用like：

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">

从react-arcgis插入地图/场景与里面的图例

1 个答案: