control~MiniMap(layer, options)

鹰眼地图控件,提供比主地图更大的视野范围。地图缩放、平移、旋转时鹰眼的范围随之更改,但鹰眼图本身不会旋转和倾斜。

Summary

Methods:
activate

激活鹰眼地图控件

deactivate

禁用鹰眼地图控件

destroy

销毁控件,释放占用的内存。

getControlType

返回控件的类型

getId

获取控件唯一标识

getMap

获取控件绑定的地图对象。

getStatus

返回控件当前状态。

setId

设置控件唯一标识。如果唯一标识已经存在,则会返回添加失败异常。

setStyle

设置控件面板样式

Constructor

new MiniMap(layer, options)

Parameters:
Name Type Default Description
layer module:layer~Layer null

在鹰眼地图控件中展示的图层

options Object

可选项

Name Type Description
miniMapMiniLevel Number

鹰眼地图的默认最小缩放级别,建议取一个合适的数值使miniMap的最小级别范围是你所感兴趣的范围,默认为0级

containerDomStyle String

鹰眼地图控件CSS样式 默认320*180 2px红色实线矩形框,绝对定位右下角

extentStyle module:style~Style

鹰眼地图控件内部extent矩形样式,默认紫色 1px实线框

showBtnStyle String

展开鹰眼地图控件的按钮样式,默认 20*20绝对定位右下角

hideBtnStyle String

隐藏鹰眼地图控件的按钮样式,默认 20*20绝对定位左上角

showBtnText String

展开鹰眼地图控件的文字,默认为‘+’

hideBtnText String

隐藏鹰眼地图控件的文字,默认为‘-’

offsetZoom Number

主地图比鹰眼地图大的级别数,默认为4

Example
const tmsLayer = new hmap.layer.TMS("TMS", tmsURL, tmsOptions);
const miniMap = new hmap.control.MiniMap(tmsLayer);
map.addControl(miniMap);

Methods

activate()

激活鹰眼地图控件

deactivate()

禁用鹰眼地图控件

destroy()

销毁控件,释放占用的内存。

Example
miniMap.destroy();

getControlType() → {String}

返回控件的类型

Returns:
String -

控件类型的名称。

getId() → {String}

获取控件唯一标识

Returns:
String -

控件标识。

getMap() → {hmap.Map}

获取控件绑定的地图对象。

Returns:
hmap.Map -

地图对象。

getStatus() → {Boolean}

返回控件当前状态。

Returns:
Boolean -

true:表示激活 false:表示禁用。

setId(id)

设置控件唯一标识。如果唯一标识已经存在,则会返回添加失败异常。

Parameters:
Name Type Description
id String

控件唯一标识。

setStyle(style)

设置控件面板样式

Parameters:
Name Type Description
style String

要设置的css样式字符串