高德地图 UI 组件踩坑记录

Mark 一下

高德地图 UI 组件的坑

除了引入高德地图 JSAPI 和 UI 组件库，还需要调用 initAMapUI 初始化

initAMapUI() 方法用了才会有 window.AMapUI 对象

<!--异步加载 高德地图 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>