Appearance
三维柱图事件
目录
- 1. 覆盖物单选事件
- 2. 开始三维柱图对象聚焦
- 3. 结束三维柱图对象聚焦
- 4. 开始三维柱图全部对象聚焦
- 5. 结束三维柱图全部对象聚焦
- 6. 鼠标悬停三维柱图对象
- 7. 鼠标离开三维柱图对象
- 8. 三维柱图左键点击事件回调
1. 覆盖物单选事件
引入版本:3.0 起支持
功能描述
开始覆盖物单选事件
调用方法
JavaScript
appInstance.uniCall(
'pickOverlay',
{
overlayType: '3DColumnLayer',
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: 'onFocus3DColumnLayerStart',
callback: function (event) {
console.log(event);
},
},
(result) => {
console.log(result);
}
);回调数据
JSON
{
"idLayer": "layerId"
}回调数据参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| idLayer | String | 三维柱图图层 id |
3. 结束三维柱图对象聚焦
引入版本:3.1 起支持
功能描述
结束三维柱图对象聚焦
调用方法
JavaScript
appInstance.uniCall(
'addEventListener',
{
eventName: 'onFocus3DColumnLayerEnd',
callback: function (event) {
console.log(event);
},
},
(result) => {
console.log(result);
}
);回调数据
JSON
{
"idLayer": "layerId"
}回调数据参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| idLayer | String | 三维柱图图层 id |
4. 开始三维柱图全部对象聚焦
引入版本:3.1 起支持
功能描述
开始三维柱图全部对象聚焦
调用方法
JavaScript
appInstance.uniCall(
'addEventListener',
{
eventName: 'onFocusAll3DColumnLayerStart',
callback: function (event) {
console.log(event);
},
},
(result) => {
console.log(result);
}
);5. 结束三维柱图全部对象聚焦
引入版本:3.1 起支持
功能描述
结束三维柱图全部对象聚焦
调用方法
JavaScript
appInstance.uniCall(
'addEventListener',
{
eventName: 'onFocusAll3DColumnLayerEnd',
callback: function (event) {
console.log(event);
},
},
(result) => {
console.log(result);
}
);6. 鼠标悬停三维柱图对象
引入版本:3.1 起支持
功能描述
鼠标悬停三维柱图对象
调用方法
JavaScript
appInstance.uniCall(
'addEventListener',
{
eventName: 'on3DColumnLayerHover',
callback: function (event) {
console.log(event);
},
},
(result) => {
console.log(result);
}
);回调数据
JSON
{
"idObj": "objId",
"idLayer": "layerId",
"coord": [
113.320381,
23.108027
]
}回调数据参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| idObj | String | 三维柱图图层对象 id |
| idLayer | String | 三维柱图图层 id |
| coord | Array | 鼠标进入三维柱对象时的第一个交点位置 |
7. 鼠标离开三维柱图对象
引入版本:3.1 起支持
功能描述
鼠标离开三维柱图对象
调用方法
JavaScript
appInstance.uniCall(
'addEventListener',
{
eventName: 'on3DColumnLayerUnhover',
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: 'on3DColumnLayerClick',
callback: function (event) {
console.log(event);
},
},
(result) => {
console.log(result);
}
);回调数据
JSON
{
"idObj": "objId",
"idLayer": "layerId",
"selected": false,
"coord": [
113.320381,
23.108027
]
}回调数据参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| idLayer | String | 三维柱图 id |
| idObj | String | 三维柱图对象 id |
| selected | Boolean | 三维柱图对象当前选中状态 |
| coord | String | 三维柱图对象经纬度位置 |