场景视图

# 模型展示视角

# 视图充满

让模型充满视图展示的区域, 鼠标右键退出

iframe:

postKsjMessage(
    {
        commandName: "KSJSceneViewApi.viewFill",
        data: null,
    },
    (result) => {
        console.log(result);
    }
);

sdk:

import { KSJSceneViewApi } from "bjksj-sdk";
KSJSceneViewApi.viewFill();

# 视图平移

鼠标拖动进行视图平移操作，鼠标右键退出

iframe:

postKsjMessage(
    {
        commandName: "KSJSceneViewApi.viewMove",
        data: null,
    },
    (result) => {
        console.log(result);
    }
);

sdk:

import { KSJSceneViewApi } from "bjksj-sdk";
KSJSceneViewApi.viewMove();

# 视图旋转

鼠标拖动进行视图旋转操作，鼠标右键退出

iframe:

postKsjMessage(
    {
        commandName: "KSJSceneViewApi.viewRotation",
        data: null,
    },
    (result) => {
        console.log(result);
    }
);

sdk:

import { KSJSceneViewApi } from "bjksj-sdk";
KSJSceneViewApi.viewRotation();

# 前视图

iframe:

postKsjMessage(
    {
        commandName: "KSJSceneViewApi.viewRotationFront",
        data: null,
    },
    (result) => {
        console.log(result);
    }
);

sdk:

import { KSJSceneViewApi } from "bjksj-sdk";
KSJSceneViewApi.viewRotationFront();

# 后视图

iframe:

postKsjMessage(
    {
        commandName: "KSJSceneViewApi.viewRotationBack",
        data: null,
    },
    (result) => {
        console.log(result);
    }
);

sdk:

import { KSJSceneViewApi } from "bjksj-sdk";
KSJSceneViewApi.viewRotationBack();

# 左视图

iframe:

postKsjMessage(
    {
        commandName: "KSJSceneViewApi.viewRotationLeft",
        data: null,
    },
    (result) => {
        console.log(result);
    }
);

sdk:

import { KSJSceneViewApi } from "bjksj-sdk";
KSJSceneViewApi.viewRotationLeft();

# 右视图

iframe:

postKsjMessage(
    {
        commandName: "KSJSceneViewApi.viewRotationRight",
        data: null,
    },
    (result) => {
        console.log(result);
    }
);

sdk:

import { KSJSceneViewApi } from "bjksj-sdk";
KSJSceneViewApi.viewRotationRight();

# 顶视图

iframe:

postKsjMessage(
    {
        commandName: "KSJSceneViewApi.viewRotationTop",
        data: null,
    },
    (result) => {
        console.log(result);
    }
);

sdk:

import { KSJSceneViewApi } from "bjksj-sdk";
KSJSceneViewApi.viewRotationTop();

# 底视图

iframe:

postKsjMessage(
    {
        commandName: "KSJSceneViewApi.viewRotationBottom",
        data: null,
    },
    (result) => {
        console.log(result);
    }
);

sdk:

import { KSJSceneViewApi } from "bjksj-sdk";
KSJSceneViewApi.viewRotationBottom();

# 相机操作

# 打开相机

iframe:

postKsjMessage(
    {
        commandName: "CameraApi.turnOnCamera",
        data: null,
    },
    (result) => {
        console.log(result);
    }
);

sdk:

import { CameraApi } from "bjksj-sdk";
CameraApi.turnOnCamera();

# 关闭相机

iframe:

postKsjMessage(
    {
        commandName: "CameraApi.turnOffCamera",
        data: null,
    },
    (result) => {
        console.log(result);
    }
);

sdk:

import { CameraApi } from "bjksj-sdk";
CameraApi.turnOffCamera();

# 相机状态

获取相机状态值是否开启

iframe:

postKsjMessage(
    {
        commandName: "CameraApi.isCameraOn",
        data: null,
    },
    (result) => {
        console.log(result);
    }
);

sdk:

import { CameraApi } from "bjksj-sdk";
CameraApi.isCameraOn();

# 相机高度

设置相机的高度, 高度值越大可视范围越大

iframe:

postKsjMessage(
    {
        commandName: "CameraApi.setCameraHeight",
        data: {height: 10000},
    },
    (result) => {
        console.log(result);
    }
);

sdk:

import { CameraApi } from "bjksj-sdk";
CameraApi.setCameraHeight({height: 10000});

参数说明：

height: number 相机高度

# 视角设置

# 设置默认视图（保存缩略图）

iframe:

postKsjMessage(
    {
        commandName: "KSJSceneViewApi.SaveOrUpdateView",
        data: { viewName: "viewname" },
    },
    (result) => {
        console.log(result);
    }
);

sdk:

import { KSJSceneViewApi } from "bjksj-sdk";
KSJSceneViewApi.SaveOrUpdateView({ viewName: "viewname" });

参数说明：

viewName: string 视点名称

# 恢复默认视图

iframe:

postKsjMessage(
    {
        commandName: "KSJSceneViewApi.reloadView",
        data: { viewName: "viewname" },
    },
    (result) => {
        console.log(result);
    }
);

sdk:

import { KSJSceneViewApi } from "bjksj-sdk";
KSJSceneViewApi.reloadView({ viewName: "viewname" });

参数说明：

viewName: string 视点名称

# 自定义标签

# 加载图片标签

iframe:

postKsjMessage(
    {
        commandName: "KSJMarkerApi.createPrctureMarkObj",
        data: {
            view: 1,
            markType: "位置",
            markName: "图片标签",
            markNote: "",
            picture: 'data:image/png;base64,xxxxx',
            pointx: 17.59,
            pointy: -5.42,
            pointz: 4.5,
        },
    },
    (result) => {
        console.log(result);
    }
);

sdk:

import { KSJMarkerApi } from "bjksj-sdk";
KSJMarkerApi.createPrctureMarkObj({
    view: 1,
    markType: "位置",
    markName: "图片标签",
    markNote: "",
    picture: 'data:image/png;base64,xxxxx',
    pointx: 17.59,
    pointy: -5.42,
    pointz: 4.5,
});

参数说明：

view: number,

markType: 标签类型取值：位置，指路牌，桩号位置，桩号位置，桩号位置，服务点，停车场，桥梁，桥梁，悬索桥，斜拉桥，隧道，隧道，互通，建筑，建筑，收费口

markName: 标签名称,

markNote: 标签标注,

picture: 图片(base64格式),

pointx: 坐标x,

pointy: 坐标y,

pointz: 坐标z,

# 加载文字标签

iframe:

postKsjMessage(
    {
        commandName: "KSJMarkerApi.createTextMarkObj",
        data: { 
            view: 1,
            markType: "位置",
            markName: "文字标签222",
            markNote: "文字标签",
            text: "文字标签",
            pointx: 17.59,
            pointy: -5.42,
            pointz: 4.5,
        },
    },
    (result) => {
        console.log(result);
    }
);

sdk:

import { KSJMarkerApi } from "bjksj-sdk";
KSJMarkerApi.createTextMarkObj({
    view: 1,
    markType: "位置",
    markName: "文字标签222",
    markNote: "文字标签",
    text: "文字标签",
    pointx: 17.59,
    pointy: -5.42,
    pointz: 4.5,
});

参数说明：

view: number,

markType: 标签类型取值：位置，指路牌，桩号位置，桩号位置，桩号位置，服务点，停车场，桥梁，桥梁，悬索桥，斜拉桥，隧道，隧道，互通，建筑，建筑，收费口

markName: 标签名称,

markNote: 标签标注,

text: 标签内容,

pointx: 坐标x,

pointy: 坐标y,

pointz: 坐标z,

# 删除全部标签

iframe:

postKsjMessage(
    {
        commandName: "KSJMarkerApi.deleteAllMarkObj",
        data: null,
    },
    (result) => {
        console.log(result);
    }
);

sdk:

import { KSJMarkerApi } from "bjksj-sdk";
KSJMarkerApi.deleteAllMarkObj();

# 显示标签

iframe:

postKsjMessage(
    {
        commandName: "KSJMarkerApi.showMarksObjs",
        data: null,
    },
    (result) => {
        console.log(result);
    }
);

sdk:

import { KSJMarkerApi } from "bjksj-sdk";
KSJMarkerApi.showMarksObjs();

# 定位到标签

调整相机位置（定位到标签）

iframe:

postKsjMessage(
    {
        commandName: "KSJMarkerApi.zoomToByName",
        data: {
            name: "图片标签",
        },
    },
    (result) => {
        console.log(result);
    }
);

sdk:

import { KSJMarkerApi } from "bjksj-sdk";
KSJMarkerApi.zoomToByName({
    name: "图片标签",
});

参数说明：

name: 标签名称,

# 自定义视点漫游

# 添加关键帧路径

iframe:

postKsjMessage(
    {
        commandName: "KSJKeyframeRoamingApi.createTrack",
        data: {
            roadName: "关键帧漫游"
        },
    },
    (result) => {
        console.log(result);
    }
);

sdk:

import { KSJKeyframeRoamingApi } from "bjksj-sdk";
KSJKeyframeRoamingApi.createTrack({
    roadName: "关键帧漫游"
});

参数说明：

roadName: 路径名称,

# 添加关键帧

iframe:

postKsjMessage(
    {
        commandName: "KSJKeyframeRoamingApi.AddKeyFrame",
        data: {
            roadName: "关键帧漫游",
            tim: 10,
        },
    },
    (result) => {
        console.log(result);
    }
);

sdk:

import { KSJKeyframeRoamingApi } from "bjksj-sdk";
KSJKeyframeRoamingApi.AddKeyFrame({
    roadName: "关键帧漫游",
    tim: 10,
});

参数说明：

roadName: 路径名称,

tim: 时间

# 创建轨迹漫游

iframe:

postKsjMessage(
    {
        commandName: "KSJPathRoamingApi.createTrackFromPts",
        data: {
            roadName: "轨迹漫游",
            points: [
                { pointx: 31.64, pointy: -8.9, pointz: 0 },
                { pointx: 0, pointy: 0, pointz: 0 },
                { pointx: -25.25, pointy: -8.9, pointz: 0 },
                { pointx: -100, pointy: -8.9, pointz: 0 },
            ]
        },
    },
    (result) => {
        console.log(result);
    }
);

sdk:

import { KSJPathRoamingApi } from "bjksj-sdk";
KSJPathRoamingApi.createTrackFromPts({
    roadName: "轨迹漫游",
    points: [
        { pointx: 31.64, pointy: -8.9, pointz: 0 },
        { pointx: 0, pointy: 0, pointz: 0 },
        { pointx: -25.25, pointy: -8.9, pointz: 0 },
        { pointx: -100, pointy: -8.9, pointz: 0 },
    ]
});

参数说明：

roadName: 轨迹名称,

points: 路线的途经点位

# 获取轨迹漫游移动速度

iframe:

postKsjMessage(
    {
        commandName: "KSJPathRoamingApi.GetSpeed",
        data: { roadName: "轨迹漫游" }
    },
    (result) => {
        console.log(result);
    }
);

sdk:

import { KSJPathRoamingApi } from "bjksj-sdk";
KSJPathRoamingApi.GetSpeed({
    roadName: "轨迹漫游"
});

参数说明：

roadName: 轨迹名称

# 获取漫游总时间

iframe:

postKsjMessage(
    {
        commandName: "KSJPathRoamingApi.getRoamingTime",
        data: { roadName: "轨迹漫游" }
    },
    (result) => {
        console.log(result);
    }
);

sdk:

import { KSJPathRoamingApi } from "bjksj-sdk";
KSJPathRoamingApi.getRoamingTime({
    roadName: "轨迹漫游"
});

参数说明：

roadName: 轨迹名称

# 获取关键帧运动时间

iframe:

postKsjMessage(
    {
        commandName: "KSJKeyframeRoamingApi.getRoamingTime",
        data: { roadName: "关键帧漫游" }
    },
    (result) => {
        console.log(result);
    }
);

sdk:

import { KSJKeyframeRoamingApi } from "bjksj-sdk";
KSJKeyframeRoamingApi.getRoamingTime({
    roadName: "关键帧漫游"
});

参数说明：

roadName: 路径名称

# 开始关键帧漫游(带进度条)

iframe:

postKsjMessage(
    {
        commandName: "KSJKeyframeRoamingApi.StartKeyframeRoamingWithUI",
        data: { roadName: "关键帧漫游" }
    },
    (result) => {
        console.log(result);
    }
);

sdk:

import { KSJKeyframeRoamingApi } from "bjksj-sdk";
KSJKeyframeRoamingApi.StartKeyframeRoamingWithUI({
    roadName: "关键帧漫游"
});

参数说明：

roadName: 路径名称

# 开始关键帧漫游

iframe:

postKsjMessage(
    {
        commandName: "KSJKeyframeRoamingApi.StartKeyframeRoaming",
        data: { roadName: "关键帧漫游" }
    },
    (result) => {
        console.log(result);
    }
);

sdk:

import { KSJKeyframeRoamingApi } from "bjksj-sdk";
KSJKeyframeRoamingApi.StartKeyframeRoaming({
    roadName: "关键帧漫游"
});

参数说明：

roadName: 路径名称

# 暂停关键帧漫游

iframe:

postKsjMessage(
    {
        commandName: "KSJKeyframeRoamingApi.PauseRoaming",
        data: null
    },
    (result) => {
        console.log(result);
    }
);

sdk:

import { KSJKeyframeRoamingApi } from "bjksj-sdk";
KSJKeyframeRoamingApi.PauseRoaming();

# 恢复关键帧漫游

iframe:

postKsjMessage(
    {
        commandName: "KSJKeyframeRoamingApi.ContinueRoaming",
        data: null
    },
    (result) => {
        console.log(result);
    }
);

sdk:

import { KSJKeyframeRoamingApi } from "bjksj-sdk";
KSJKeyframeRoamingApi.ContinueRoaming();

# 停止关键帧漫游

iframe:

postKsjMessage(
    {
        commandName: "KSJKeyframeRoamingApi.StopRoaming",
        data: null
    },
    (result) => {
        console.log(result);
    }
);

sdk:

import { KSJKeyframeRoamingApi } from "bjksj-sdk";
KSJKeyframeRoamingApi.StopRoaming();

# 开始轨迹漫游(带进度条)

iframe:

postKsjMessage(
    {
        commandName: "KSJPathRoamingApi.StartPathRoamingWithUI",
        data: { roadName: "轨迹漫游" }
    },
    (result) => {
        console.log(result);
    }
);

sdk:

import { KSJPathRoamingApi } from "bjksj-sdk";
KSJPathRoamingApi.StartPathRoamingWithUI({
    roadName: "轨迹漫游"
});

参数说明：

roadName: 路径名称

# 开始轨迹漫游

iframe:

postKsjMessage(
    {
        commandName: "KSJPathRoamingApi.StartPathRoaming",
        data: { roadName: "轨迹漫游" }
    },
    (result) => {
        console.log(result);
    }
);

sdk:

import { KSJPathRoamingApi } from "bjksj-sdk";
KSJPathRoamingApi.StartPathRoaming({
    roadName: "轨迹漫游"
});

参数说明：

roadName: 路径名称

# 暂停轨迹漫游

iframe:

postKsjMessage(
    {
        commandName: "KSJPathRoamingApi.PauseRoaming",
        data: null
    },
    (result) => {
        console.log(result);
    }
);

sdk:

import { KSJPathRoamingApi } from "bjksj-sdk";
KSJPathRoamingApi.PauseRoaming();

# 恢复轨迹漫游

iframe:

postKsjMessage(
    {
        commandName: "KSJPathRoamingApi.ContinueRoaming",
        data: null
    },
    (result) => {
        console.log(result);
    }
);

sdk:

import { KSJPathRoamingApi } from "bjksj-sdk";
KSJPathRoamingApi.ContinueRoaming();

# 停止轨迹漫游

iframe:

postKsjMessage(
    {
        commandName: "KSJPathRoamingApi.StopRoaming",
        data: null
    },
    (result) => {
        console.log(result);
    }
);

sdk:

import { KSJPathRoamingApi } from "bjksj-sdk";
KSJPathRoamingApi.StopRoaming();

# 飞行漫游

iframe:

postKsjMessage(
    {
        commandName: "KSJSceneViewApi.FlyRoaming",
        data: null
    },
    (result) => {
        console.log(result);
    }
);

sdk:

import { KSJSceneViewApi } from "bjksj-sdk";
KSJSceneViewApi.StartRoaming();

# 测量相关

# 测量距离

iframe:

postKsjMessage(
    {
        commandName: "KSJMeasureTool.measureDistance",
        data: null
    },
    (result) => {
        console.log(result);
    }
);

sdk:

import { KSJMeasureTool } from "bjksj-sdk";
KSJMeasureTool.measureDistance();

# 位置测量

iframe:

postKsjMessage(
    {
        commandName: "KSJMeasureTool.measureLocation",
        data: null
    },
    (result) => {
        console.log(result);
    }
);

sdk:

import { KSJMeasureTool } from "bjksj-sdk";
KSJMeasureTool.measureLocation();

# 面积测量

iframe:

postKsjMessage(
    {
        commandName: "KSJMeasureTool.measureArea",
        data: null
    },
    (result) => {
        console.log(result);
    }
);

sdk:

import { KSJMeasureTool } from "bjksj-sdk";
KSJMeasureTool.measureArea();

# 长度测量

iframe:

postKsjMessage(
    {
        commandName: "KSJMeasureTool.measureLength",
        data: null
    },
    (result) => {
        console.log(result);
    }
);

sdk:

import { KSJMeasureTool } from "bjksj-sdk";
KSJMeasureTool.measureLength();

# 体积测量

iframe:

postKsjMessage(
    {
        commandName: "KSJMeasureTool.measureVolume",
        data: null
    },
    (result) => {
        console.log(result);
    }
);

sdk:

import { KSJMeasureTool } from "bjksj-sdk";
KSJMeasureTool.measureVolume();

# 模型及构件效果

# 取消所有效果

iframe:

postKsjMessage(
    {
        commandName: "KSJViewportEffectApi.dropAllEffect",
        data: null
    },
    (result) => {
        console.log(result);
    }
);

sdk:

import { KSJViewportEffectApi } from "bjksj-sdk";
KSJViewportEffectApi.dropAllEffect();

# 打开饱和度

iframe:

postKsjMessage(
    {
        commandName: "KSJViewportEffectApi.openSaturation",
        data: null
    },
    (result) => {
        console.log(result);
    }
);

sdk:

import { KSJViewportEffectApi } from "bjksj-sdk";
KSJViewportEffectApi.openSaturation();

# 设置饱和度

iframe:

postKsjMessage(
    {
        commandName: "KSJViewportEffectApi.setSaturation",
        data: { saturation: 4 }
    },
    (result) => {
        console.log(result);
    }
);

sdk:

import { KSJViewportEffectApi } from "bjksj-sdk";
KSJViewportEffectApi.setSaturation({ saturation: 4 });

参数说明：

saturation: number 饱和度

# 关闭饱和度

iframe:

postKsjMessage(
    {
        commandName: "KSJViewportEffectApi.closeSaturation",
        data: null
    },
    (result) => {
        console.log(result);
    }
);

sdk:

import { KSJViewportEffectApi } from "bjksj-sdk";
KSJViewportEffectApi.closeSaturation();

# 打开透镜畸变

iframe:

postKsjMessage(
    {
        commandName: "KSJViewportEffectApi.openLensDistortion",
        data: null
    },
    (result) => {
        console.log(result);
    }
);

sdk:

import { KSJViewportEffectApi } from "bjksj-sdk";
KSJViewportEffectApi.openLensDistortion();

# 设置透视角度

iframe:

postKsjMessage(
    {
        commandName: "KSJViewportEffectApi.setLensAngle",
        data: { lensAngle: 100 }
    },
    (result) => {
        console.log(result);
    }
);

sdk:

import { KSJViewportEffectApi } from "bjksj-sdk";
KSJViewportEffectApi.setLensAngle({ lensAngle: 100 });

参数说明：

lensAngle: number 角度

# 关闭透镜畸变

iframe:

postKsjMessage(
    {
        commandName: "KSJViewportEffectApi.closeLensDistortion",
        data: null
    },
    (result) => {
        console.log(result);
    }
);

sdk:

import { KSJViewportEffectApi } from "bjksj-sdk";
KSJViewportEffectApi.closeLensDistortion();

# 打开小插图

iframe:

postKsjMessage(
    {
        commandName: "KSJViewportEffectApi.openVignette",
        data: null
    },
    (result) => {
        console.log(result);
    }
);

sdk:

import { KSJViewportEffectApi } from "bjksj-sdk";
KSJViewportEffectApi.openVignette();

# 关闭小插图

iframe:

postKsjMessage(
    {
        commandName: "KSJViewportEffectApi.closeVignette",
        data: null
    },
    (result) => {
        console.log(result);
    }
);

sdk:

import { KSJViewportEffectApi } from "bjksj-sdk";
KSJViewportEffectApi.closeVignette();

# 设置强度

iframe:

postKsjMessage(
    {
        commandName: "KSJViewportEffectApi.setStrength",
        data: { strength: 0.5 }
    },
    (result) => {
        console.log(result);
    }
);

sdk:

import { KSJViewportEffectApi } from "bjksj-sdk";
KSJViewportEffectApi.setStrength({ strength: 0.5 });

参数说明：

strength: number 强度

# 设置圆柱比例

iframe:

postKsjMessage(
    {
        commandName: "KSJViewportEffectApi.setCylindricalRatio",
        data: { cylindricalRatio: 0.5 }
    },
    (result) => {
        console.log(result);
    }
);

sdk:

import { KSJViewportEffectApi } from "bjksj-sdk";
KSJViewportEffectApi.setCylindricalRatio({ cylindricalRatio: 0.5 });

参数说明：

cylindricalRatio: number 圆柱比例

# 设置大小

iframe:

postKsjMessage(
    {
        commandName: "KSJViewportEffectApi.setSize",
        data: { size: 0.5 }
    },
    (result) => {
        console.log(result);
    }
);

sdk:

import { KSJViewportEffectApi } from "bjksj-sdk";
KSJViewportEffectApi.setSize({ size: 0.5 });

参数说明：

size: number 大小

# 设置光滑度

iframe:

postKsjMessage(
    {
        commandName: "KSJViewportEffectApi.setSmoothness",
        data: { smoothness: 0.5 }
    },
    (result) => {
        console.log(result);
    }
);

sdk:

import { KSJViewportEffectApi } from "bjksj-sdk";
KSJViewportEffectApi.setSmoothness({ smoothness: 0.5 });

参数说明：

smoothness: number 光滑度

# 设置圆度

iframe:

postKsjMessage(
    {
        commandName: "KSJViewportEffectApi.setRoundness",
        data: { roundness: 0.5 }
    },
    (result) => {
        console.log(result);
    }
);

sdk:

import { KSJViewportEffectApi } from "bjksj-sdk";
KSJViewportEffectApi.setRoundness({ roundness: 0.5 });

参数说明：

roundness: number 圆度

# 二三维坐标转换

iframe:

postKsjMessage(
    {
        commandName: "KSJSceneViewApi.SpaceFloorIframe",
        data: null
    },
    (result) => {
        console.log(result);
    }
);

sdk:

import { KSJSceneViewApi } from "bjksj-sdk";
KSJSceneViewApi.SpaceFloorIframe();

# 自定义构件移动

构件按自定义路径移动（物体漫游）

iframe:

postKsjMessage(
    {
        commandName: "KSJElementApi.ElementMove",
        data: null
    },
    (result) => {
        console.log(result);
    }
);

sdk:

import { KSJElementApi } from "bjksj-sdk";
KSJElementApi.ElementMove();

← 构件操作 GIS操作→