- 主页加入高德地图的引用脚本
<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>
- 追加一个map挂在节点
getMap() {
return <div id="map" className={styles.mapStyle} />;
}
- 节点挂在完成后,初始化地图数据
new AMap.Map('map', {
cursor: 'default',
zoom: 6
});
- 使用
content={this.getMap()}
网友评论