@githubmingzi/s3d v1.1.5
githubmingzi-3d
使用方式:
1、安装3d库
npm install @githubmingzi/s3d -D
2、引入场景类
import { Scene } from '@githubmingzi/s3d';
3、实例化场景
const sea3dApply = new Scene({ // deviceId: '11', sceneId: "11", gateWay: "http://117.157.69.3:18503/", serverName: "threedapi", token: "eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJpc3N1ZXIiLCJleHAiOjE2ODE4ODYxODgsImlhdCI6MTY4MTg4MjU4OCwidXNlcklkIjoiNDAyODg1YjE4NGNjNzlhMjAxODUzY2E4NDI5YjAwNTgifQ.RQ2LJ_xtBcChQdhzCmK8pd8hWlFGK9tXXltR0HMsAlE", viewerContainerDiv: "model-container", viewerDiv: "model-viewer", // renderUrl: "", onLoadSuccess() { }, onSelectModel: (data: IModelData): void => { console.log('onSelectModel触发了',data) }, onSelectGroup: (data : string): void=> { console.log('onSelectGroup触发了',data) }, onHover: () => {
}, showContextMenu: () => { }, handleMouseDown: () => { console.log("mousedown"); }, handleMouseUp: () => { console.log(); }, handleMouseMove: () => { }, });
4、初始化三维模型
sea3dApply && sea3dApply.initViewer();
5、调用模型方法
sea3dApply.zoomIn()