高德地图提供了工具条、比例尺、定位、鹰眼、基本图层切换等常用的控件,使用控件需要先将插件的功能引入。
引入方法1:插件和高德地图的JavaScript API同时加载
<script src="http://webapi.amap.com/maps?v=1.3&key=您申请的key值&plugin=AMap.ToolBar"></script>
当有多个控件时,方法如下:
<script src="http://webapi.amap.com/maps?v=1.3&key=您申请的key值&plugin=AMap.ToolBar,AMap.Scale,AMap.OverView"></script>
这里写代码片
多个控件,使用逗号隔开。
引入方法2:顺序加载,何时使用何时加载
var map = new AMap.Map('container', {
center:[117.000923,36.675807],
zoom:11
});
/*工具条*/
AMap.plugin('AMap.ToolBar',function(){
var toolbar = new AMap.ToolBar();
map.addControl(toolbar);
})
/*比例尺*/
AMap.plugin('AMap.Scale',function(){
var toolbar = new AMap.ToolBar();
map.addControl(toolbar);
})