Ant Design Pro系列快速入门(九)-- 使用地图(高

2019-10-29  本文已影响0人  子木话
  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>
  1. 追加一个map挂在节点
getMap() {
     return <div id="map" className={styles.mapStyle} />;
 }
  1. 节点挂在完成后,初始化地图数据
new AMap.Map('map', {
   cursor: 'default',
   zoom: 6
 });
  1. 使用
content={this.getMap()}
上一篇下一篇

猜你喜欢

热点阅读