control~Magnifier(layer, options)

放大镜控件。用来跨级别显示鼠标选取的位置。

Summary

Methods:
activate

激活该控件,显示放大镜且注册放大镜的事件监听。

deactivate

禁用该控件,隐藏放大镜且注销放大镜所有的事件监听。

destroy

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

getControlType

返回控件的类型

setClassName

设置放大镜面板样式类名。该方法当控件添加到地图上有效。

setStyle

设置放大镜面板样式。该方法当控件添加到地图上有效。

Constructor

new Magnifier(layer, options)

Parameters:
Name Type Description
layer Array.<module:layer~Layer>

在放大镜中展示的图层。
注意:只能对那些没有添加在地图上的图层放大,如果要某个图层实现放大,必须是同样的图层有两个,一个添加在地图上,一个传入layer中

options Object

可选项

Name Type Description
zoomOffset Number

放大镜放大的级别,即放大镜展示的级别与原地图显示级别的差值.默认值为2

style String

放大镜CSS样式,优先级高于className。style和className均不指定,
则使用默认样式,即半径为100px,边框为2px的实心圆。

className String

放大镜CSS样式类名,例:"custom-magnifier",优先级低于style,如果css属性需要高于style,对具体属性使用 !important 提升优先级。

Example
const magnifier = new hmap.control.Magnifier([tmsLayer]);

Methods

activate()

激活该控件,显示放大镜且注册放大镜的事件监听。

deactivate()

禁用该控件,隐藏放大镜且注销放大镜所有的事件监听。

destroy()

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

Example
magnifier.destroy();

getControlType() → {String}

返回控件的类型

Returns:
String -

控件类型的名称。

setClassName(className)

设置放大镜面板样式类名。该方法当控件添加到地图上有效。

Parameters:
Name Type Description
className String

要设置的样式类名

setStyle(style)

设置放大镜面板样式。该方法当控件添加到地图上有效。

Parameters:
Name Type Description
style String

要设置的css样式字符串