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

实现默认图层与卫星图、实施交通图层之间切换的控