时间不再浪费评估上!ThingJS 3D可视化开发不用愁
ThingJS,用JavaScript去开发三维可视化场景!
想立即开始您的项目,而不是把时间浪费在评估各种开发工具,担忧实现效果不理想? ThingJS凭借各种内置的开发者工具以及对语言和框架开箱即用的支持,提供高效 JavaScript 开发3D可视化项目所需的一切!
ThingJS启动后创建核心对象APP
ThingJS的核心对象APP创建方法如下:
1 |
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开发平台,便捷开发3D可视化功能、最后能完整进行在线或离线部署——ThingJS步步紧跟潮流,提供领先的3D可视化开发技术,每一步都不用愁!
- Office”组合”式漏洞攻击样本分析
- jsp标签小结
- 专家解释“愤怒的小鸟”如何变身间谍
- BT5 + wireshark玩wifi捕获和中间人攻击
- Hibernate HQL注入攻击入门
- 高效开源的网络扫描框架NINJA-PingU
- 对List.Sort的简单研究
- 使用Apache API监控Uber的实时数据,第3篇:使用Vert.x的实时仪表板
- 走进科学:我是如何“黑了”星级酒店的
- OpenSSL空指针引用do_ssl3_write
- 针对近期“博全球眼球的OAuth漏洞”的分析与防范建议
- 黑掉美国(英国、澳大利亚、法国等)的交通控制系统
- Android 自定义标签 ViewLayout
- Identity Service - 解析微软微服务架构eShopOnContainers(二)
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 短视频商城源码,制作彩色验证码
- ubuntu下的mysql安装与使用
- 排序算法
- 并发编程框架Disruptor之高性能设计
- 3分钟短文:Laravel说要用软删除,可不要真删
- leetcode队列之设计循环双端队列
- MySQL8.0的binlog详解
- Flutter NestedScrollView实现的一个经典滑动折叠头部图片的效果
- Maven 编译拷贝资源的时候提示 UTF-8 编码信息
- Qt音视频开发30-Onvif事件订阅
- 干掉 Navicat:正版,MySQL 官方客户端真香!
- CentOS 搭建 K8S 环境教程,一次性成功,收藏了!
- IDEA 真香!找出全部未被使用的代码只用了 2 秒钟!
- ArrayList 插入 1000w 条数据之后,我怀疑了 Java 虚拟机。。。
- 本地存储应用案例 ToDoList