Tutorial: 初始化

1. 初始化Viewer

创建一个div容器

<!--用于放置三维场景-->
<div id="container"></div>

ES6语法

Webpack配置参考另一篇教程和GitHub中的webpack+react;

import Motor from 'motor';

const appid = "a56958db79c64abfa62b2a7c03c747a6";
const secret = "98d4c5db9942fb13fbb8e545cb464aa47d2015fe";
let viewer = new Motor.Viewer({
  container: 'container',//viewer所在的div元素id
  viewerMode: Motor.ViewerMode.BIM,//viewer的模式
  appid:appid,
  secret:secret
});
viewer.initialize();

Javascript语法

将motor.js和静态资源放在同一个文件夹下，如library文件夹:

引入motor.js

<script src="./library/motor.js"></script>

初始化Viewer

var appid = "a56958db79c64abfa62b2a7c03c747a6";
var secret = "98d4c5db9942fb13fbb8e545cb464aa47d2015fe";
//初始化Viewer
var viewer = new Motor.Viewer({
  container: 'container',//viewer所在的div元素id
  viewerMode: Motor.ViewerMode.BIM,//viewer的模式
  appid:appid,
  secret:secret
});
viewer.initialize();