1. 主页加入高德地图的引用脚本

<script type="text/javascript" src='https://webapi.amap.com/maps?v=1.4.8&key=key值'></script>
 <!-- UI组件库 1.0 -->
 <script src="https://webapi.amap.com/ui/1.0/main.js?v=1.0.11"></script>

2. 追加一个map挂在节点

getMap() {
     return <div id="map" className={styles.mapStyle} />;
 }

3. 节点挂在完成后，初始化地图数据

new AMap.Map('map', {
   cursor: 'default',
   zoom: 6
 });

4. 使用

content={this.getMap()}