Appearance
轨迹图事件
目录
- 1. 覆盖物单选事件
- 2. 开始轨迹图对象聚焦
- 3. 结束轨迹图对象聚焦
- 4. 开始轨迹图全部对象聚焦
- 5. 结束轨迹图全部对象聚焦
- 6. 开始轨迹图子对象聚焦
- 7. 结束轨迹图子对象聚焦
- 8. 开始轨迹图图例聚焦
- 9. 结束轨迹图图例聚焦
- 10. 鼠标悬停轨迹图对象
- 11. 鼠标离开轨迹图对象
- 12. 轨迹图层左键点击事件回调
前置条件提醒:本页 Click/Hover 类事件需先调用
pickOverlay启用覆盖物单选(overlayType 填本族类型)才会触发,详见对应指令页。
1. 覆盖物单选事件
引入版本:3.0 起支持
功能描述
开始覆盖物单选事件
调用方法
JavaScript
appInstance.uniCall(
'pickOverlay',
{
overlayType: 'trailLayer',
idLayer: '0',
type: 'click',
isShowDecorator: true,
},
(result) => {
console.log(result);
}
);参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| overlayType | String | 可选中图层对象类别 |
| idLayer | String | 填写图层对象 id,如不限制,可不填 |
| type | String | 单选模式,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: 'onFocusTrailLayerStart',
callback: function (event) {
console.log(event);
},
},
(result) => {
console.log(result);
}
);回调数据
JSON
{
"idLayer": "layerId"
}回调数据参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| idLayer | String | 轨迹图图层 id |
3. 结束轨迹图对象聚焦
引入版本:3.1 起支持
功能描述
结束轨迹图对象聚焦
调用方法
JavaScript
appInstance.uniCall(
'addEventListener',
{
eventName: 'onFocusTrailLayerEnd',
callback: function (event) {
console.log(event);
},
},
(result) => {
console.log(result);
}
);回调数据
JSON
{
"idLayer": "layerId"
}回调数据参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| idLayer | String | 轨迹图图层 id |
4. 开始轨迹图全部对象聚焦
引入版本:3.1 起支持
功能描述
开始轨迹图全部对象聚焦
调用方法
JavaScript
appInstance.uniCall(
'addEventListener',
{
eventName: 'onFocusAllTrailLayerStart',
callback: function (event) {
console.log(event);
},
},
(result) => {
console.log(result);
}
);5. 结束轨迹图全部对象聚焦
引入版本:3.1 起支持
功能描述
结束轨迹图全部对象聚焦
调用方法
JavaScript
appInstance.uniCall(
'addEventListener',
{
eventName: 'onFocusAllTrailLayerEnd',
callback: function (event) {
console.log(event);
},
},
(result) => {
console.log(result);
}
);6. 开始轨迹图子对象聚焦
引入版本:3.1 起支持
功能描述
开始轨迹图子对象聚焦
调用方法
JavaScript
appInstance.uniCall(
'addEventListener',
{
eventName: 'onFocusTrailLayerObjStart',
callback: function (event) {
console.log(event);
},
},
(result) => {
console.log(result);
}
);回调数据
JSON
{
"idObj": "objId",
"idLayer": "layerId"
}回调数据参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| idObj | String | 轨迹图图层对象 id |
| idLayer | String | 轨迹图图层 id |
7. 结束轨迹图子对象聚焦
引入版本:3.1 起支持
功能描述
结束轨迹图子对象聚焦
调用方法
JavaScript
appInstance.uniCall(
'addEventListener',
{
eventName: 'onFocusTrailLayerObjEnd',
callback: function (event) {
console.log(event);
},
},
(result) => {
console.log(result);
}
);回调数据
JSON
{
"idObj": "objId",
"idLayer": "layerId"
}回调数据参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| idObj | String | 轨迹图图层对象 id |
| idLayer | String | 轨迹图图层 id |
8. 开始轨迹图图例聚焦
引入版本:3.1 起支持
功能描述
开始轨迹图图例聚焦
调用方法
JavaScript
appInstance.uniCall(
'addEventListener',
{
eventName: 'onFocusTrailLayerLegendStart',
callback: function (event) {
console.log(event);
},
},
(result) => {
console.log(result);
}
);回调数据
JSON
{
"idLayer": "layerId",
"legend": "legendName"
}回调数据参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| idLayer | String | 轨迹图图层 id |
| legend | String | 轨迹图图层对象图例 |
9. 结束轨迹图图例聚焦
引入版本:3.1 起支持
功能描述
结束轨迹图图例聚焦
调用方法
JavaScript
appInstance.uniCall(
'addEventListener',
{
eventName: 'onFocusTrailLayerLegendEnd',
callback: function (event) {
console.log(event);
},
},
(result) => {
console.log(result);
}
);回调数据
JSON
{
"idLayer": "layerId",
"legend": "legendName"
}回调数据参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| idLayer | String | 轨迹图图层 id |
| legend | String | 轨迹图图层对象图例 |
10. 鼠标悬停轨迹图对象
引入版本:3.1 起支持
功能描述
鼠标悬停轨迹图对象
调用方法
JavaScript
appInstance.uniCall(
'addEventListener',
{
eventName: 'onTrailLayerHover',
callback: function (event) {
console.log(event);
},
},
(result) => {
console.log(result);
}
);回调数据
JSON
{
"idObj": "objId",
"idLayer": "layerId"
}回调数据参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| idObj | String | 轨迹图图层对象 id |
| idLayer | String | 轨迹图图层 id |
11. 鼠标离开轨迹图对象
引入版本:3.1 起支持
功能描述
鼠标离开轨迹图对象
调用方法
JavaScript
appInstance.uniCall(
'addEventListener',
{
eventName: 'onTrailLayerUnhover',
callback: function (event) {
console.log(event);
},
},
(result) => {
console.log(result);
}
);回调数据
JSON
{
"idObj": "objId",
"idLayer": "layerId"
}回调数据参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| idObj | String | 轨迹图图层对象 id |
| idLayer | String | 轨迹图图层 id |
12. 轨迹图层左键点击事件回调
引入版本:3.1 起支持
功能描述
获取点击轨迹图层对象信息
调用方法
JavaScript
appInstance.uniCall(
'addEventListener',
{
eventName: 'onTrailLayerClick',
callback: function (event) {
console.log(event);
},
},
(result) => {
console.log(result);
}
);回调数据
JSON
{
"idObj": "objId",
"idLayer": "layerId",
"type": "lengendName1",
"label": "poi title",
"selected": false
}回调数据参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| idLayer | String | 轨迹图层 id |
| idObj | String | 轨迹图层对象 id |
| type | String | 轨迹图层对象图例 |
| label | String | 轨迹图层对象标签 |
| selected | Boolean | 轨迹图层对象当前选中状态 |