用js的方式使用ThingJS！

ThingJS代码建立步骤

ThingJS中是如何建立代码去开发物联网可视化项目的呢？ThingJS的核心是什么？写代码第一步应该是什么呢？做为一个可视化平台，ThingJS在线开发平台该如何去使用呢？

ThingJS做为一个webgl协议标准库，使用的是前端JavaScript语法，这使得JavaScript中的绝大部分方法在ThingJS中均可以使用，好比循环判断、function等等，这些在JavaScript中怎么写的，在ThingJS中就怎么写，因此说ThingJS是面向前端开发人员的3D js 库，只要会JavaScript，就能很是迅速的入门，尤为是在JavaScript、java受众很广的状况下，大部分的成寻缘入门ThingJS也会更加轻松。这样不管是让前端工做人员直接学习ThingJS仍是让后端java人员来开发这个，都是极为方便的。

ThingJS核心对象APP

ThingJS的核心对象APP建立方法以下：

var app = new THING.App();

固然，这个是核心对象的建立方法，具体还有加载园区的方式，经过url的方式将园区加载至ThingJS中：

var app = new THING.App({
    url: "models/storehouse"
});

其中的url则是咱们的场景地址，此处为选填，该地址可写绝对路径也可写相对路径。有人可能会疑惑这个地址怎么来的？只须要经过Ctrl + J 这个快捷键或者直接点击园区按钮，双击便可自动生成核心对象APP以及相关URL，固然也能够不输入路径，在你须要的时候经过  app.create  建立园区物体，从而加载园区，以下例：

var app = new THING.App();
var obj = app.create({
    type: "Campus",
    url: "models/storehouse/",
    complete: function() {
    console.log("Campus created: " + this.id);
    }
});

 

除了园区的加载，地球的加载又是不一样的代码，可是使用起来是如出一辙的， 使用Ctrl + K 或者是直接点击地图按钮，双击地图便可引用对应场景，地图与园区在引用上还有些不一样，地球须要使用到插件：

https://www.thingjs.com/uearth/history/uearth.min.v1.7.7.2.js

具体引用方法以下：

// 加载地图
var app = new THING.App();
// 设置app背景为黑色
app.background = [0, 0, 0];
// 引用地图组件脚本
THING.Utils.dynamicLoad(['https://www.thingjs.com/uearth/history/uearth.min.v1.7.7.2.js'], function () {
    app.create({
        type: 'Map',
        // 地图场景名：test
        url: 'https://www.thingjs.com/citybuilder_console/mapProject/config/TkRBd01ERT1DaXR5QnVpbGRlckAyMDE5',
        complete: function (event) {
            console.log(event.object.userLayers.length);
        }
    });
});

其中URL则是咱们经过citybuilder搭建的3D城市地图场景了，那么是否可以既显示园区场景又显示三维城市地图场景呢？这个是须要方法控制的，若是直接两个合在一块儿，那么是不可能遗弃展现的，须要用到ThingJS官方示例的场景切换功能。下个文章咱们再来介绍如何结合园区与地图！

 

ThingJS，用js去开发三维可视化场景！