Appearance
路径段热力图事件
目录
- 1. 覆盖物单选事件
- 2. 开始路径段热力图对象聚焦
- 3. 结束路径段热力图对象聚焦
- 4. 开始路径段热力图全部对象聚焦
- 5. 结束路径段热力图全部对象聚焦
- 6. 开始路径段热力图路段聚焦
- 7. 结束路径段热力图路段聚焦
- 8. 鼠标悬停路径段热力图对象
- 9. 鼠标离开路径段热力图对象
- 10. 路径段热力图图层左键点击事件回调
前置条件提醒:本页 Click/Hover 类事件需先调用
pickOverlay启用覆盖物单选(overlayType 填本族类型)才会触发,详见对应指令页。
1. 覆盖物单选事件
引入版本:3.0 起支持
功能描述
开始覆盖物单选事件
调用方法
JavaScript
appInstance.uniCall(
'pickOverlay',
{
overlayType: 'roadSgHeatLayer',
idLayer: '0',
type: 'click',
isShowDecorator: true,
},
(result) => {
console.log(result);
}
);参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| overlayType | String | 可选中图层对象类别 |
| idLayer | String | 填写图层对象 id,如不限制,可不填 |
| type | Number | 单选模式,click:点击选中;hover:悬停选中 |
| isShowDecorator | Boolean | 表示是否显示选中的高亮装饰符,true:显示,false:不显示,默认:true |
回调数据
JSON
{
"result": 1,
"message": "成功。"
}回调数据参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| result | Number | 1:代表成功;0:代表失败 |
| message | String | 成功或者失败原因 |
2. 开始路径段热力图对象聚焦
引入版本:3.1 起支持
功能描述
开始路径段热力图对象聚焦
调用方法
JavaScript
appInstance.uniCall(
'addEventListener',
{
eventName: 'onFocusRoadSgHeatLayerStart',
callback: function (event) {
console.log(event);
},
},
(result) => {
console.log(result);
}
);回调数据
JSON
{
"idLayer": "layerId"
}回调数据参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| idLayer | String | 路径段热力图图层 id |
3. 结束路径段热力图对象聚焦
引入版本:3.1 起支持
功能描述
结束路径段热力图对象聚焦
调用方法
JavaScript
appInstance.uniCall(
'addEventListener',
{
eventName: 'onFocusRoadSgHeatLayerEnd',
callback: function (event) {
console.log(event);
},
},
(result) => {
console.log(result);
}
);回调数据
JSON
{
"idLayer": "layerId"
}回调数据参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| idLayer | String | 路径段热力图图层 id |
4. 开始路径段热力图全部对象聚焦
引入版本:3.1 起支持
功能描述
开始路径段热力图全部对象聚焦
调用方法
JavaScript
appInstance.uniCall(
'addEventListener',
{
eventName: 'onFocusAllRoadSgHeatLayerStart',
callback: function (event) {
console.log(event);
},
},
(result) => {
console.log(result);
}
);5. 结束路径段热力图全部对象聚焦
引入版本:3.1 起支持
功能描述
结束路径段热力图全部对象聚焦
调用方法
JavaScript
appInstance.uniCall(
'addEventListener',
{
eventName: 'onFocusAllRoadSgHeatLayerEnd',
callback: function (event) {
console.log(event);
},
},
(result) => {
console.log(result);
}
);6. 开始路径段热力图路段聚焦
引入版本:3.1 起支持
功能描述
开始路径段热力图路段聚焦
调用方法
JavaScript
appInstance.uniCall(
'addEventListener',
{
eventName: 'onFocusRoadSgHeatStart',
callback: function (event) {
console.log(event);
},
},
(result) => {
console.log(result);
}
);回调数据
JSON
{
"nameSegment": "name",
"idLayer": "layerId"
}回调数据参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| nameSegment | String | 路径段热力图图层名称 |
| idLayer | String | 路径段热力图图层 id |
7. 结束路径段热力图路段聚焦
引入版本:3.1 起支持
功能描述
结束路径段热力图路段聚焦
调用方法
JavaScript
appInstance.uniCall(
'addEventListener',
{
eventName: 'onFocusRoadSgHeatEnd',
callback: function (event) {
console.log(event);
},
},
(result) => {
console.log(result);
}
);回调数据
JSON
{
"nameSegment": "name",
"idLayer": "layerId"
}回调数据参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| nameSegment | String | 路径段热力图图层名称 |
| idLayer | String | 路径段热力图图层 id |
8. 鼠标悬停路径段热力图对象
引入版本:3.1 起支持
功能描述
鼠标悬停路径段热力图对象
调用方法
JavaScript
appInstance.uniCall(
'addEventListener',
{
eventName: 'onRoadSgHeatLayerHover',
callback: function (event) {
console.log(event);
},
},
(result) => {
console.log(result);
}
);回调数据
JSON
{
"nameSegment": "name",
"idLayer": "layerId",
"coord": [
113.320381,
23.108027
]
}回调数据参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| nameSegment | String | 路径段热力图图层名称 |
| idLayer | String | 路径段热力图图层 id |
| coord | Array | 鼠标点击路径段热力图对象时的鼠标位置 |
9. 鼠标离开路径段热力图对象
引入版本:3.1 起支持
功能描述
鼠标离开路径段热力图对象
调用方法
JavaScript
appInstance.uniCall(
'addEventListener',
{
eventName: 'onRoadSgHeatLayerUnhover',
callback: function (event) {
console.log(event);
},
},
(result) => {
console.log(result);
}
);回调数据
JSON
{
"nameSegment": "name",
"idLayer": "layerId"
}回调数据参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| nameSegment | String | 路径段热力图图层名称 |
| idLayer | String | 路径段热力图图层 id |
10. 路径段热力图图层左键点击事件回调
引入版本:3.1 起支持
功能描述
获取点击路径段热力图图层对象信息
调用方法
JavaScript
appInstance.uniCall(
'addEventListener',
{
eventName: 'onRoadSgHeatLayerClick',
callback: function (event) {
console.log(event);
},
},
(result) => {
console.log(result);
}
);回调数据
JSON
{
"nameSegment": "name",
"idLayer": "objId",
"selected": false,
"coord": [
113.320381,
23.108027
]
}回调数据参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| nameSegment | String | 路径段热力图图层名称 |
| idLayer | String | 路径段热力图图层 id |
| selected | Boolean | 路径段热力图图层对象当前选中状态 |
| coord | Array | 路径段热力图图层对象经纬度位置 |