高德地圖引入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