1. 程式人生 > >高德地圖開發之基本控制元件

高德地圖開發之基本控制元件

高德地圖提供了工具條、比例尺、定位、鷹眼、基本圖層切換等常用的控制元件,使用控制元件需要先將外掛的功能引入。

引入方法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);
});