Class: MouseTipControl

control~MouseTipControl(options)

鼠标提示控件。鼠标移动时，提示框中显示指定的信息，风格可自定义。

Summary

Methods:

activate	激活该控件，只有将控件添加到地图上时才起作用。
deactivate	禁用控件。禁用后提示框不再显示信息。
destroy	销毁MouseTipControl对象
getControlType	获取控件的类型
getTipDomId	返回,提示框div的id方便自定义操作
setStyle	设置鼠标提示控件样式。该方法当控件添加到地图上有效。
setTipContent	重设提示框的内容。

Constructor

new MouseTipControl(options)

构造函数，创建一个鼠标提示控件实例。

Parameters:

Name Type Description

options

Object

可选参数

Name	Type	Description
`tipContent`	String \| HTMLElement	要跟随鼠标提示的内容
`style`	String	提示框的CSS样式，优先级高于className。style和className均不指定，则使用默认样式： "position:absolute;color:black;font-size:13px;zIndex:999;width:fit-content;height:30px;line-height:30px;padding-left:8px;padding-right:8px;border:1px solid black;background:white;display:none;user-select:none;"。
`className`	String	提示框的CSS样式类名，例："custom-mouse-tip"，优先级低于style。如果css属性需要高于style，对具体属性使用 !important 提升优先级
`offsetX`	String	提示框的在x轴方向上的偏移像素，缺省值为5。x轴正方向为屏幕坐标系的x正方向，即向右为正。
`offsetY`	String	提示框的在y轴方向上的偏移像素，缺省值为5。y轴正方向为屏幕坐标系的y轴正方向，即向下为正。

Example

let mouseTipControl = new hmap.control.MouseTipControl({
    "tipContent": "测试"
});
map.addControl(mouseTipControl)

Methods

activate()

激活该控件，只有将控件添加到地图上时才起作用。

Example

mouseTipControl.activate();

deactivate()

禁用控件。禁用后提示框不再显示信息。

Example

mouseTipControl.deactivate();

destroy()

销毁MouseTipControl对象

getControlType() → {String}

获取控件的类型

Returns:

String -

控件类型的名称。

getTipDomId()

返回,提示框div的id方便自定义操作

setStyle(style)

设置鼠标提示控件样式。该方法当控件添加到地图上有效。

Parameters:

Name	Type	Description
`style`	String	要设置的css样式字符串

Example

mouseTip.setStyle('position:absolute;color:black;font-size:16px;zIndex:999;width:fit-content;height:30px;line-height:30px;padding-left:8px;padding-right:8px;border:1px solid black;background:white;display:none;user-select:none;')

setTipContent(content)

重设提示框的内容。

Parameters:

Name	Type	Description
`content`	String \| HTMLElement	文本内容