界面
全局:常量
对于常用的全局变量,在引入组件后就会获得KAPI_CONST
全局变量。
EVENT
事件监听类型如下表
变量 | 使用 | 说明 |
---|---|---|
FPS | KAPI_CONST.FPS | 帧率 |
DRAW.CREATE_POINT | KAPI_CONST.EVENT.DRAW.CREATE_POINT | 绘制点 |
DRAW.DESTROY_POINT | KAPI_CONST.EVENT.DRAW.DESTROY_POINT | 销毁点 |
DRAW.LIGHT_FLOW | KAPI_CONST.EVENT.DRAW.LIGHT_FLOW | 绘制光流线 |
DRAW.GET_POINT | KAPI_CONST.EVENT.DRAW.GET_POINT | 获取点 |
MARKER.CLICK | KAPI_CONST.EVENT.MARKER.CLICK | 标注点的点击 |
ROUTE.START | KAPI_CONST.EVENT.ROUTE.START | 开始漫游 |
ROUTE.MOVING | KAPI_CONST.EVENT.ROUTE.MOVING | 漫游中 |
ROUTE.END | KAPI_CONST.EVENT.ROUTE.END | 结束漫游 |
FPS
FPS
是用来设置帧数监听时的全局常量,可以通过 KAPI_CONST.EVENT.FPS
获取。
类型:
[eventName: string]: any
详情:
在遇到系统卡顿,需要调试系统的时候,可以查看服务的帧数,在自定义监听里面使用该参数可以获取场景的帧数。
示例:
js
import KAPI from '@ibrucekong/kapi'
// 查看当前的常量值
console.log(KAPI_CONST.EVENT.FPS)
// 设置事件监听
const event = await kapi.Event()
event.addEventListener(KAPI_CONST.EVENT.FPS, (fps) => {
console.log('当前的帧数:', fps)
})
确保在场景已经正常加载再使用
FPS
监听,其他监听方法也是如此。
DRAW.CREATE_POINT
DRAW.CREATE_POINT
是创建点时的全局常量,可以通过 KAPI_CONST.EVENT.DRAW.CREATE_POINT
获取。
js
const event = new kapi.Event()
event.addEventListener(KAPI_CONST.EVENT.DRAW.CREATE_POINT, response => {
console.log(response)
})
DRAW.DESTROY_POINT
DRAW.DESTROY_POINT
是销毁点时的全局常量,可以通过 KAPI_CONST.EVENT.DRAW.DESTROY_POINT
获取。
js
const event = new kapi.Event()
event.addEventListener(KAPI_CONST.EVENT.DRAW.DESTROY_POINT, response => {
console.log(response)
})
DRAW.LIGHT_FLOW
DRAW.LIGHT_FLOW
是设置光流的生成监听的常量,可以通过 KAPI_CONST.EVENT.DRAW.LIGHT_FLOW
获取。
类型:
[eventName: string]: any
详情:
设置光流的生成监听。
示例:
js
import KAPI from '@ibrucekong/kapi'
// 查看当前的常量值
console.log(KAPI_CONST.EVENT.DRAW.LIGHT_FLOW)
// 设置事件监听
const event = await kapi.Event()
event.addEventListener(KAPI_CONST.EVENT.DRAW.LIGHT_FLOW, (response) => {
console.log('当前的结果:', response)
})
DRAW.GET_POINT
DRAW.GET_POINT
是获取点的常量,可以通过 KAPI_CONST.EVENT.DRAW.GET_POINT
获取。
类型:
[eventName: string]: any
详情:
获取点的监听。
示例:
js
import KAPI from '@ibrucekong/kapi'
// 查看当前的常量值
console.log(KAPI_CONST.EVENT.DRAW.GET_POINT)
// 设置事件监听
const event = await kapi.Event()
event.addEventListener(KAPI_CONST.EVENT.DRAW.GET_POINT, (response) => {
console.log('当前的结果:', response)
})
MARKER.CLICK
MARKER.CLICK
是marker点击事件监听的常量,可以通过 KAPI_CONST.EVENT.MARKER.CLICK
获取。
类型:
[eventName: string]: any
详情:
marker点击事件监听的监听。
示例:
js
import KAPI from '@ibrucekong/kapi'
// 查看当前的常量值
console.log(KAPI_CONST.EVENT.MARKER.CLICK)
// 设置事件监听
const event = await kapi.Event()
event.addEventListener(KAPI_CONST.EVENT.MARKER.CLICK, (response) => {
console.log('当前的结果:', response)
})
ROUTE.START
ROUTE.START
是开始漫游的常量,可以通过 KAPI_CONST.EVENT.ROUTE.START
获取。
类型:
[eventName: string]: any
详情:
开始漫游的监听。
示例:
js
import KAPI from '@ibrucekong/kapi'
// 查看当前的常量值
console.log(KAPI_CONST.EVENT.ROUTE.START)
// 设置事件监听
const event = await kapi.Event()
event.addEventListener(KAPI_CONST.EVENT.ROUTE.START, (response) => {
console.log('当前的结果:', response)
})
ROUTE.MOVING
ROUTE.MOVING
是漫游中的常量,可以通过 KAPI_CONST.EVENT.ROUTE.MOVING
获取。
类型:
[eventName: string]: any
详情:
漫游中的监听。
示例:
js
import KAPI from '@ibrucekong/kapi'
// 查看当前的常量值
console.log(KAPI_CONST.EVENT.ROUTE.MOVING)
// 设置事件监听
const event = await kapi.Event()
event.addEventListener(KAPI_CONST.EVENT.ROUTE.MOVING, (response) => {
console.log('当前的结果:', response)
})
ROUTE.END
ROUTE.END
是结束漫游的常量,可以通过 KAPI_CONST.EVENT.ROUTE.END
获取。
类型:
[eventName: string]: any
详情:
结束漫游的监听。
示例:
js
import KAPI from '@ibrucekong/kapi'
// 查看当前的常量值
console.log(KAPI_CONST.EVENT.ROUTE.END)
// 设置事件监听
const event = await kapi.Event()
event.addEventListener(KAPI_CONST.EVENT.ROUTE.END, (response) => {
console.log('当前的结果:', response)
})
MEASURE
测量模块包括对二维面积、三维面积、二维长度、三维长度和高度的测量方法。
测量类型如下表
变量 | 使用 | 说明 |
---|---|---|
AREA_2D | KAPI_CONST.MEASURE.AREA_2D | 测量二维面积 |
AREA_3D | KAPI_CONST.MEASURE.AREA_3D | 测量三维面积 |
LENGTH_2D | KAPI_CONST.MEASURE.LENGTH_2D | 测量二维长度 |
LENGTH_3D | KAPI_CONST.MEASURE.LENGTH_3D | 测量三维长度 |
HEIGHT | KAPI_CONST.MEASURE.HEIGHT | 测量高度 |
MEASURE.AREA_2D
MEASURE.AREA_2D
是使用二维面积测量时的全局常量,可以通过 KAPI_CONST.MEASURE.AREA_2D
获取。
js
const event = new kapi.Event()
event.addEventListener(KAPI_CONST.MEASURE.AREA_2D, response => {
console.log(response)
})
MEASURE.AREA_3D
MEASURE.AREA_3D
是使用三维面积测量时的全局常量,可以通过 KAPI_CONST.MEASURE.AREA_3D
获取。
js
const event = new kapi.Event()
event.addEventListener(KAPI_CONST.MEASURE.AREA_3D, response => {
console.log(response)
})
MEASURE.LENGTH_2D
MEASURE.LENGTH_2D
是使用二维长度测量时的全局常量,可以通过 KAPI_CONST.MEASURE.LENGTH_2D
获取。
js
const event = new kapi.Event()
event.addEventListener(KAPI_CONST.MEASURE.LENGTH_2D, response => {
console.log(response)
})
MEASURE.LENGTH_3D
MEASURE.LENGTH_3D
是使用三维长度测量时的全局常量,可以通过 KAPI_CONST.MEASURE.LENGTH_3D
获取。
js
const event = new kapi.Event()
event.addEventListener(KAPI_CONST.MEASURE.LENGTH_3D, response => {
console.log(response)
})
MEASURE.HEIGHT
MEASURE.HEIGHT
是使用高度测量时的全局常量,可以通过 KAPI_CONST.MEASURE.HEIGHT
获取。
js
const event = new kapi.Event()
event.addEventListener(KAPI_CONST.MEASURE.HEIGHT, response => {
console.log(response)
})
POINT_TYPE
点类型包括对三种火焰特效、三种树种、三种贴画以及自定义的FBX模型效果。
点类型如下表
变量 | 使用 | 说明 |
---|---|---|
FIRE_01 | KAPI_CONST.POINT_TYPE.FIRE_01 | 火焰1 |
FIRE_02 | KAPI_CONST.POINT_TYPE.FIRE_02 | 火焰2 |
FIRE_03 | KAPI_CONST.POINT_TYPE.FIRE_03 | 火焰3 |
TREE_01 | KAPI_CONST.POINT_TYPE.TREE_01 | 树种1 |
TREE_02 | KAPI_CONST.POINT_TYPE.TREE_02 | 树种2 |
TREE_03 | KAPI_CONST.POINT_TYPE.TREE_03 | 树种3 |
DECAL_01 | KAPI_CONST.POINT_TYPE.DECAL_01 | 贴花1 |
DECAL_02 | KAPI_CONST.POINT_TYPE.DECAL_02 | 贴花2 |
DECAL_03 | KAPI_CONST.POINT_TYPE.DECAL_03 | 贴花3 |
DECAL_03 | KAPI_CONST.POINT_TYPE.DECAL_03 | 贴花3 |
FBX | KAPI_CONST.POINT_TYPE.FBX | FBX模型 |
POINT_TYPE.FIRE_01
js
let pointInfo = await draw.drawPoint(KAPI_CONST.POINT_TYPE.FIRE_01)
要配合
draw.closeDrawPoint()
方法关闭绘制点功能。
POINT_TYPE.FIRE_02
js
let pointInfo = await draw.drawPoint(KAPI_CONST.POINT_TYPE.FIRE_02)
要配合
draw.closeDrawPoint()
方法关闭绘制点功能。
POINT_TYPE.FIRE_03
js
let pointInfo = await draw.drawPoint(KAPI_CONST.POINT_TYPE.FIRE_03)
要配合
draw.closeDrawPoint()
方法关闭绘制点功能。
POINT_TYPE.TREE_01
js
let pointInfo = await draw.drawPoint(KAPI_CONST.POINT_TYPE.TREE_01)
要配合
draw.closeDrawPoint()
方法关闭绘制点功能。
POINT_TYPE.TREE_02
js
let pointInfo = await draw.drawPoint(KAPI_CONST.POINT_TYPE.TREE_02)
要配合
draw.closeDrawPoint()
方法关闭绘制点功能。
POINT_TYPE.TREE_03
js
let pointInfo = await draw.drawPoint(KAPI_CONST.POINT_TYPE.TREE_03)
要配合
draw.closeDrawPoint()
方法关闭绘制点功能。
POINT_TYPE.DECAL_01
js
let pointInfo = await draw.drawPoint(KAPI_CONST.POINT_TYPE.DECAL_01)
要配合
draw.closeDrawPoint()
方法关闭绘制点功能。
POINT_TYPE.DECAL_02
js
let pointInfo = await draw.drawPoint(KAPI_CONST.POINT_TYPE.DECAL_02)
要配合
draw.closeDrawPoint()
方法关闭绘制点功能。
POINT_TYPE.DECAL_03
js
let pointInfo = await draw.drawPoint(KAPI_CONST.POINT_TYPE.DECAL_03)
要配合
draw.closeDrawPoint()
方法关闭绘制点功能。
POINT_TYPE.FBX
js
let pointInfo = await draw.drawPoint(KAPI_CONST.POINT_TYPE.FBX)
要配合
draw.closeDrawPoint()
方法关闭绘制点功能。
WEATHER
天气包括对晴天、少云、多云、阴天、雾天、小雨、大雨、暴风雨、浮尘、沙尘暴、小雪、大雪和暴风雪的天气特效。
天气类型如下表
变量 | 使用 | 说明 |
---|---|---|
CLEAR_SKIES | KAPI_CONST.WEATHER.CLEAR_SKIES | 晴天 |
PARTLY_CLOUDY | KAPI_CONST.WEATHER.PARTLY_CLOUDY | 少云 |
CLOUDY | KAPI_CONST.WEATHER.CLOUDY | 多云 |
OVERCAST | KAPI_CONST.WEATHER.OVERCAST | 阴天 |
FOGGY | KAPI_CONST.WEATHER.FOGGY | 雾天 |
LIGHT_RAIN | KAPI_CONST.WEATHER.LIGHT_RAIN | 小雨 |
RAIN | KAPI_CONST.WEATHER.RAIN | 大雨 |
THUNDERSTORM | KAPI_CONST.WEATHER.THUNDERSTORM | 暴风雨 |
SAND_DUST | KAPI_CONST.WEATHER.SAND_DUST | 浮尘 |
SANDSTORM | KAPI_CONST.WEATHER.SANDSTORM | 沙尘暴 |
LIGHT_SNOW | KAPI_CONST.WEATHER.LIGHT_SNOW | 小雪 |
SNOW | KAPI_CONST.WEATHER.SNOW | 大雪 |
BLIZZARD | KAPI_CONST.WEATHER.BLIZZARD | 暴风雪 |
WEATHER.CLEAR_SKIES
js
let controllerInfo = await controller.setWeatherType(KAPI_CONST.WEATHER.CLEAR_SKIES)
WEATHER.PARTLY_CLOUDY
js
let controllerInfo = await controller.setWeatherType(KAPI_CONST.WEATHER.PARTLY_CLOUDY)
WEATHER.CLOUDY
js
let controllerInfo = await controller.setWeatherType(KAPI_CONST.WEATHER.CLOUDY)
WEATHER.OVERCAST
js
let controllerInfo = await controller.setWeatherType(KAPI_CONST.WEATHER.OVERCAST)
WEATHER.FOGGY
js
let controllerInfo = await controller.setWeatherType(KAPI_CONST.WEATHER.FOGGY)
WEATHER.LIGHT_RAIN
js
let controllerInfo = await controller.setWeatherType(KAPI_CONST.WEATHER.LIGHT_RAIN)
WEATHER.RAIN
js
let controllerInfo = await controller.setWeatherType(KAPI_CONST.WEATHER.RAIN)
WEATHER.THUNDERSTORM
js
let controllerInfo = await controller.setWeatherType(KAPI_CONST.WEATHER.THUNDERSTORM)
WEATHER.SAND_DUST
js
let controllerInfo = await controller.setWeatherType(KAPI_CONST.WEATHER.SAND_DUST)
WEATHER.SANDSTORM
js
let controllerInfo = await controller.setWeatherType(KAPI_CONST.WEATHER.SANDSTORM)
WEATHER.LIGHT_SNOW
js
let controllerInfo = await controller.setWeatherType(KAPI_CONST.WEATHER.LIGHT_SNOW)
WEATHER.SNOW
js
let controllerInfo = await controller.setWeatherType(KAPI_CONST.WEATHER.SNOW)
WEATHER.BLIZZARD
js
let controllerInfo = await controller.setWeatherType(KAPI_CONST.WEATHER.BLIZZARD)