美文网首页
Ant Design Pro系列快速入门(九)-- 使用地图(高

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

作者: 子木话 | 来源:发表于2019-10-29 23:16 被阅读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()}
    

    相关文章

      网友评论

          本文标题:Ant Design Pro系列快速入门(九)-- 使用地图(高

          本文链接:https://www.haomeiwen.com/subject/zpsnvctx.html