极客react之Ant Design Pro系列快速入门（九）-- 使用地图（高德地图）

使用地图（高德地图）

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

   [code] <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挂在节点

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

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

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

4. 使用

   [code]content={this.getMap()}