在高德地图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>