高德地图Web端JavaScript API开发(一)---地图基础控件

在地图上添加一些基础的地图控件。

JavaScript API提供了工具条、比例尺、定位、鹰眼、基本图层切换等常用的控件，使用的时候需要通过plugin方法将插件的功能引入，然后进行控件的初始化和添加

var map = new AMap.Map('container',{
    zoom: 10,
    center: [116.39,39.9]
});

//添加地图插件  工具条、比例尺、鹰眼、地图类型、定位
AMap.plugin(['AMap.ToolBar','AMap.Scale','AMap.OverView','AMap.MapType','AMap.Geolocation'],function(){
	//创建并添加工具控件,上下左右移动，以及缩放
	map.addControl(new AMap.ToolBar());
	map.addControl(new AMap.Scale());
	map.addControl(new AMap.OverView({isOpen:true}))
	map.addControl(new AMap.MapType());
	map.addControl(new AMap.Geolocation());
});

名称	类名	简介
工具条	ToolBar	集成了缩放、平移、定位等功能按钮在内的组合控件
比例尺	Scale	展示地图在当前层级和纬度下的比例尺
定位	Geolocation	用来获取和展示用户主机所在的经纬度位置
鹰眼	OverView	在地图右下角显示地图的缩略图
类别切换	MapType	实现默认图层与卫星图、实施交通图层之间切换的控