示例中心
功能在线体验
menu 导航 closed 关闭
您现在的位置: 开发 > 地图 JS API > 参考手册 > 地图控件 >

高德 开发 地图 JS API 参考手册 地图控件

更新时间:2018年09月18日

在线插件是在基础地图服务上增加的额外功能,您可以根据自己的需要选择添加。插件分为两类:一类是地图控件,它们是用户与地图交互的UI元素,例如缩放控制条(ToolBar)等;一类是功能型插件,用来完成某些特定地图功能,比如鼠标工具(MouseTool)等。

控件名称

说明

是否插件

AMap.ControlBar

组合了旋转、倾斜、复位、缩放在内的地图控件,在3D地图模式下会显示(自V1.4.0版本新增)

AMap.MapType

地图类型切换插件,用来切换固定的几个常用图层

AMap.OverView

地图鹰眼插件,默认在地图右下角显示缩略图

AMap.Scale

地图比例尺插件

AMap.ToolBar

地图工具条插件,可以用来控制地图的缩放和平移

AMap.ControlBar 插件

组合了旋转、倾斜、复位、缩放在内的地图控件,自V1.4.0版本新增。

构造方式:

new AMap.ControlBar(ControlBarOptions)

使用方法:

var mapObj = new AMap.Map("container",{
    center:new AMap.LngLat(116.368904,39.913423),
    zoom:16
});
mapObj.plugin(["AMap.ControlBar"],function(){
    var controlBar = new AMap.ControlBar(Options)
    map.addControl(controlBar)
});
//map.reoveControl(controlBar)

ControlBarOptions

类型

说明

position

Object

控制显示位置,如{top:’10px’,right:’10px’}

showZoomBar

Boolean

是否显示缩放按钮。移动端默认为false,PC端为默认为true

showControlButton

Boolean

是否显示倾斜、旋转按钮。移动端默认为false,PC端为默认为true

AMap.MapType 插件 

地图类型切换插件。用户通过该插件进行地图切换。

代码示例

mapObj = new AMap.Map("imap",{
    center:new AMap.LngLat(116.368904,39.913423),
    zoom:16
});
mapObj.plugin(["AMap.MapType"],function(){
    //地图类型切换
    var type= new AMap.MapType({
    defaultType:0 //使用2D地图
    });
    mapObj.addControl(type);
});

构造函数

说明

AMap.MapType(MaptypeOptions) &nb