高德地图引入AMapUI的不同方法

在高德地图JavaScript API之后引入UI组件库的入口文件:

<!--引入高德地图JSAPI -->
<script src="//webapi.amap.com/maps?v=2.0&key=您申请的key值"></script>

<!--引入UI组件库(1.1版本) -->
<script src="//webapi.amap.com/ui/1.1/main.js"></script>

如果使用了异步方式加载高德地图JSAPI,则需引入UI组件库的异步版本:

<!--异步加载 高德地图JSAPI ,注意 callback 参数-->
<script src="//webapi.amap.com/maps?v=2.0&key=您申请的key值&callback=my_init"></script>

<!--引入UI组件库异步版本main-async.js(1.1版本) -->
<script src="//webapi.amap.com/ui/1.1/main-async.js"></script>

<script type="text/javascript">
//JSAPI回调入口
function my_init() {
       initAMapUI(); //这里调用initAMapUI初始化
       //其他逻辑
}
</script>

官方地址:https://lbs.amap.com/api/amap-ui/intro

原文地址:https://www.cnblogs.com/rachelch/p/15505411.html