示例中心
功能在线体验
控制台
您现在的位置: 开发 > 地图 JS API > 开发指南 > 创建地图 > 地图控件 >

高德 开发 地图 JS API 开发指南 创建地图 地图控件

更新时间:2018年05月08日

地图基础控件

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

var map = new AMap.Map('container',{
    zoom: 10,
    center: [116.39,39.9]
});
AMap.plugin(['AMap.ToolBar','AMap.Scale','AMap.OverView'],
    function(){
        map.addControl(new AMap.ToolBar());

        map.addControl(new AMap.Scale());

        map.addControl(new AMap.OverView({isOpen:true}));
});

名称

类名

简介

工具条

ToolBar

集成了缩放、平移、定位等功能按钮在内的组合控件

比例尺

Scale

展示地图在当前层级和纬度下的比例尺

定位

Geolocation

用来获取和展示用户主机所在的经纬度位置

鹰眼

OverView

在地图右下角显示地图的缩略图

类别切换

MapType

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

运用UI组件库实现地图基础控件 

BasicControl

BasicControl 提供一些基础的地图控件,目前包括:

  • 缩放控件(BasicControl.Zoom)
  • 图层切换控件(BasicControl.LayerSwitcher)
  • 交通图控件(BasicControl.Traffic)
移动端
示例中心
功能
在线体验
常见问题