Appearance
模型控制事件
目录
- 1. 开始模型对象聚焦
- 2. 结束模型对象聚焦
- 3. 开始模型全部对象聚焦
- 4. 结束模型全部对象聚焦
- 5. 鼠标悬停模型对象
- 6. 鼠标离开模型对象
- 7. 左键点击模型对象
- 8. 左键双击模型对象
- 9. 鼠标悬停关系线对象
- 10. 鼠标离开关系线对象
- 11. 左键点击关系线对象
- 12. 矩形框选模型结果
- 13. 圆形框选模型结果
- 14. 多边形框选模型结果
- 15. 点击模型结果
- 16. 点击模型类别结果
1. 开始模型对象聚焦
引入版本:3.1 起支持
功能描述
开始模型对象聚焦
调用方法
JavaScript
appInstance.uniCall(
'addEventListener',
{
eventName: 'onFocusModelStart',
callback: function(event) {
console.log(event);
},
},
(result) => {
console.log(result);
}
);回调数据
JSON
{
"id": "objId"
}回调数据参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| id | String | 模型 id |
2. 结束模型对象聚焦
引入版本:3.1 起支持
功能描述
结束模型对象聚焦
调用方法
JavaScript
appInstance.uniCall(
'addEventListener',
{
eventName: 'onFocusModelEnd',
callback: function(event) {
console.log(event);
},
},
(result) => {
console.log(result);
}
);回调数据
JSON
{
"id": "objId"
}回调数据参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| id | String | 模型 id |
3. 开始模型全部对象聚焦
引入版本:3.1 起支持
功能描述
开始模型全部对象聚焦
调用方法
JavaScript
appInstance.uniCall(
'addEventListener',
{
eventName: 'onFocusAllModelStart',
callback: function(event) {
console.log(event);
},
},
(result) => {
console.log(result);
}
);4. 结束模型全部对象聚焦
引入版本:3.1 起支持
功能描述
结束模型全部对象聚焦
调用方法
JavaScript
appInstance.uniCall(
'addEventListener',
{
eventName: 'onFocusAllModelEnd',
callback: function(event) {
console.log(event);
},
},
(result) => {
console.log(result);
}
);5. 鼠标悬停模型对象
引入版本:3.1 起支持
功能描述
鼠标悬停模型对象
调用方法
JavaScript
appInstance.uniCall(
'addEventListener',
{
eventName: 'onModelHover',
callback: function(event) {
console.log(event);
},
},
(result) => {
console.log(result);
}
);回调数据
JSON
{
"id": "objId"
}回调数据参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| id | String | 模型 id |
6. 鼠标离开模型对象
引入版本:3.1 起支持
功能描述
鼠标离开模型对象
调用方法
JavaScript
appInstance.uniCall(
'addEventListener',
{
eventName: 'onModelUnhover',
callback: function(event) {
console.log(event);
},
},
(result) => {
console.log(result);
}
);回调数据
JSON
{
"id": "objId"
}回调数据参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| id | String | 模型 id |
7. 左键点击模型对象
引入版本:3.1 起支持
功能描述
左键点击模型对象
调用方法
JavaScript
appInstance.uniCall(
'addEventListener',
{
eventName: 'onModelClick',
callback: function(event) {
console.log(event);
},
},
(result) => {
console.log(result);
}
);回调数据
JSON
{
"id": "objId",
"nodeId": "nodeId",
"selected": false,
"meta": [
"data1",
"data2",
"data3"
]
}回调数据参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| id | String | 模型 id |
| nodeId | String | 当前选中的节点 Id |
| selected | Boolean | 选中状态 |
| meta | Array | 当前选中模型的元数据,可以表示模型的业务 ID,或者属性描述,需要在编辑器制作模型期间存入 |
8. 左键双击模型对象 端
引入版本:3.1 起支持
功能描述
左键双击模型对象
调用方法
JavaScript
appInstance.uniCall(
'addEventListener',
{
eventName: 'onModelDblClick',
callback: function(event) {
console.log(event);
},
},
(result) => {
console.log(result);
}
);回调数据
JSON
{
"id": "objId",
"selected": false,
"meta": [
"data1",
"data2",
"data3"
]
}回调数据参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| id | String | 模型 id |
| selected | Boolean | 选中状态 |
| meta | Array | 当前选中模型的元数据,可以表示模型的业务 ID,或者属性描述,需要在编辑器制作模型期间存入 |
9. 鼠标悬停关系线对象
引入版本:3.1 起支持
功能描述
鼠标悬停关系线对象
调用方法
JavaScript
appInstance.uniCall(
'addEventListener',
{
eventName: 'onConnectionHover',
callback: function(event) {
console.log(event);
},
},
(result) => {
console.log(result);
}
);回调数据
JSON
{
"id": "connectionId"
}回调数据参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| id | String | 关系线对象 id,新建时调用者自己传入的唯一标识,用于各种操作的对象识别 |
10. 鼠标离开关系线对象
引入版本:3.1 起支持
功能描述
鼠标离开关系线对象
调用方法
JavaScript
appInstance.uniCall(
'addEventListener',
{
eventName: 'onConnectionUnhover',
callback: function(event) {
console.log(event);
},
},
(result) => {
console.log(result);
}
);回调数据
JSON
{
"id": "connectionId"
}回调数据参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| id | String | 关系线对象 id,新建时调用者自己传入的唯一标识,用于各种操作的对象识别 |
11. 左键点击关系线对象
引入版本:3.1 起支持
功能描述
左键点击关系线对象
调用方法
JavaScript
appInstance.uniCall(
'addEventListener',
{
eventName: 'onConnectionClick',
callback: function(event) {
console.log(event);
},
},
(result) => {
console.log(result);
}
);回调数据
JSON
{
"id": "connectionId",
"selected": false,
"overlayType": "model",
"idLayer": "layerId",
"startIdObj": "objId1",
"endIdObj": "objId2"
}回调数据参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| id | String | 关系线对象 id,新建时调用者自己传入的唯一标识,用于各种操作的对象识别 |
| selected | Boolean | 选中状态 |
| overlayType | String | 目前支持的 overlayType:"model", "building", "modelTrailLayer",“modelLandmarkLayer“,“trailLayer“,"landmarkLayer", "landmark" |
| idLayer | String | 如果是图层对象的,需要在这里填写图层对象 |
| startIdObj | String | 关系线开始的对象 ID |
| endIdObj | String | 关系线结束的对象 ID |
12. 矩形框选模型结果
引入版本:3.1 起支持
功能描述
矩形框选模型结果
调用方法
JavaScript
appInstance.uniCall(
'addEventListener',
{
eventName: 'onRectModelSelectionResult',
callback: function(event) {
console.log(event);
},
},
(result) => {
console.log(result);
}
);回调数据
JSON
{
"type": "model",
"data": [
{
"id": "objId1"
},
{
"id": "objId2"
}
]
}回调数据参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| type | String | 模型类型 |
| data | Array | 模型集合 |
| data[0].id | String | 模型 ID |
13. 圆形框选模型结果
引入版本:3.1 起支持
功能描述
圆形框选模型结果
调用方法
JavaScript
appInstance.uniCall(
'addEventListener',
{
eventName: 'onCircleModelSelectionResult',
callback: function(event) {
console.log(event);
},
},
(result) => {
console.log(result);
}
);回调数据
JSON
{
"type": "model",
"data": [
{
"id": "objId1"
},
{
"id": "objId2"
}
]
}回调数据参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| type | String | 模型类型 |
| data | Array | 模型集合 |
| data[0].id | String | 模型 ID |
14. 多边形框选模型结果
引入版本:3.1 起支持
功能描述
多边形框选模型结果
调用方法
JavaScript
appInstance.uniCall(
'addEventListener',
{
eventName: 'onPolygonModelSelectionResult',
callback: function(event) {
console.log(event);
},
},
(result) => {
console.log(result);
}
);回调数据
JSON
{
"type": "model",
"data": [
{
"id": "objId1"
},
{
"id": "objId2"
}
]
}回调数据参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| type | String | 模型类型 |
| data | Array | 模型集合 |
| data[0].id | String | 模型 ID |
15. 点击模型结果
引入版本:3.1 起支持
功能描述
点击模型结果
调用方法
JavaScript
appInstance.uniCall(
'addEventListener',
{
eventName: 'onClickModelResult',
callback: function(event) {
console.log(event);
},
},
(result) => {
console.log(result);
}
);回调数据
JSON
{
"type": "model",
"nodeId": "nodeId",
"id": "objId1",
"selected": true
}回调数据参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| type | String | 模型类型 |
| nodeId | String | 当前选中的节点 Id |
| id | String | 模型 ID |
| selected | Boolean | 选择状态 |
16. 点击模型类别结果
引入版本:3.1 起支持
功能描述
点击模型类别结果
调用方法
JavaScript
appInstance.uniCall(
'addEventListener',
{
eventName: 'onClickModelTypeResult',
callback: function(event) {
console.log(event);
},
},
(result) => {
console.log(result);
}
);回调数据
JSON
{
"type": "model",
"selected": true,
"data": [
{
"id": "objId1"
},
{
"id": "objId2"
}
]
}回调数据参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| type | String | 模型类型 |
| selected | Boolean | 选择状态 |
| data | Array | 模型集合 |
| data[0].id | String | 模型 ID |