2020年10月_ThingJS_小锘

原创 NASA样本实验室之3D渲染图，一分钟搭建教程！3D 可视化 ThingJS

ThingJS在实现物理空间与信息空间的融合过程中,空间数据模型无疑是两者之间重要的联系纽带。号外！美国宇航局（NASA）约翰逊航天中心向公众发布了目前正在建设中的实验室的渲染图，该实验室将用于研究小行星样本和其他 “宇宙之谜”。按照计划，Bennu小行星样本将在2023年返回地球，到那时，约翰逊航天中心计划已经完成了实验室的建设，保证“研究材料到分子水平而不受损害”。除了建设实验室，这项工作还将包括新的工具、存储区和清洁设施。本文就来解析一下，如何完成NASA样本实验室的3D渲染图？一个实验室

2020-10-28 12:29:43 1427

原创三维建模软件之比较：和SketchUp、Revit建模软件相媲美 3D 地图可视化 ThingJS

三维可视化技术已经广泛应用于社会生活的各行各业，ThingJS是物联网领域3D开发商。聚焦物联网领域的3D开发软件，3D效果的描绘对象包括建筑、实景和室内、设备，面向的用户大致分为（1）非3D专业设计师、（2）建筑设计师和（3）转3D开发的前端工程师，不同群体的需求层次不一样，而不同的群体，因为技术的侧重点有区别，大致会选择以下三大工具：做这一行的都知道，选择工具需谨慎，因为会存在模型数据格式不统一的问题，所以一般要考虑格式转换，软件组合必不可少。3D效果爱好者大部分非3D专业的设计师会倾向

2020-10-26 17:41:30 3036 7

原创搭建三维城市建模之开发视角，10万场景资源+用户样例 3D 地图可视化 ThingJS

网络三维电子地图不仅通过直观的地理实景模拟表现方式，ThingJS为用户提供地图查询、出行导航等地图检索功能。**首先要明确概念，什么是三维建模？**用技术的话来解释，三维城市建模做的就是建设“数字城市”“三维城市”的活儿，只不过是实时交互与可视化效果部分，属于物联网项目部署“最后一公里”，关键技术涉及计算机图形技术、3S技术（包括遥感（RS）、全球定位系统（GPS）、地理信息系统（GIS））以及大规模存储技术。通过对城市地物空间进行数字模拟和数据可视化分析，实现地图、建筑、设备、人物动画的动态效果。

2020-10-24 11:36:19 1735 2

原创制作城市三维模型之技术实现，一文概括！3D 地图可视化 ThingJS 智慧城市

ThingJS随着技术的进步也开始在地图内增加高度信息、卫星图像甚至是AR功能。智慧城市建设为系统化认知城市运行提供了多源丰富的数据支撑，也为城市模型的发展带来了新的契机。不过，我们这里只谈一下三维城市可视化的技术实现。城市三维模型最重要的一项功能是对城市空间中要素运行状况的可视化表达，以三维城市场景、建筑信息模型为代表，城市三维模型常见于城市宏观规划与微观设计等工程领域，随着5G技术发展，各行各业都开始应用3D可视化技术，三维表达力成为空间数据分析必备！工程：大家好，我是一哥！教育：教育数据可视

2020-10-23 00:16:22 2374 2

原创 3D项目离线部署技术分享，可视化全景三维建模 ThingJS

三维可视化开发平台有很多选择，包括AutoCAD, 3DMAX, Sketchup, Unity, ThingJS, Revit, Facades, SU, Lumion等，如果你是物联网3D可视化从业者，继续往下看：“它山之石可以攻玉”从物联网3D可视化开发角度，ThingJS平台项目管理考虑用户的使用场景，分为在线项目分享和离线项目生成两个部分。使用场景在线分享功能是在用户开发完项目之后，能够将项目变成在线的运行链接地址，适用于不投入私有服务器，公网使用的场景。平台离线项目生成解决客户的项目不能

2020-10-21 14:34:35 1288

原创 150个官方3D源码打包，参加0元送500魔豆活动三维可视化全景 3D建模 ThingJS

**开发效率低？培训成本巨大？开发人才流失频繁？**物联网领域的3D可视化开发前景看好，却也面临传统3D开发难题！使用目前最流行的3D开发框架three.js，一个加载模型、调光、选择模型弹框的功能，就能写出上百行代码……！Three.js虽说是大多数开发者首次接触的WebGL 3D库，但ThingJS是新兴的3D框架，封装了对模型交互事件的API、对模型的操作及层次关系，一个个具体的模型抽象把开发者从复杂的3D概念中解放出来。ThingJS “三好”助力便捷3D开发：采用JavaScript语言

2020-10-20 18:51:07 1123

原创官方示例之地球模块九：创建GeoPolygon

/** * 该示例展示了创建不同样式的 GeoPolygon */var app = new THING.App();app.background = [0, 0, 0]THING.Utils.dynamicLoad('https://www.thingjs.com/uearth/uearth.min.js', function () { // 创建一个地图 var map = app.create({ type: 'Map', attribution: 'Google', st

2020-10-19 15:01:55 330

原创官方示例之地球模块八：创建GeoODLine

/** * 该示例展示了创建不同样式的 GeoODLine */var app = new THING.App();app.background = [0, 0, 0]THING.Utils.dynamicLoad('https://www.thingjs.com/uearth/uearth.min.js', function () { // 创建一个地图 var map = app.create({ type: 'Map', attribution: 'Google', sty

2020-10-19 15:01:08 169

原创官方示例之地球模块七：创建GeoLine

/** * 该示例展示了创建不同样式的 GeoLine */var app = new THING.App();app.background = [0, 0, 0]THING.Utils.dynamicLoad('https://www.thingjs.com/uearth/uearth.min.js', function () { // 创建一个地图 var map = app.create({ type: 'Map', attribution: 'Google', style

2020-10-19 15:00:29 275

原创官方示例之地球模块六：创建GeoPoint

/** * 该示例展示了创建不同样式的 GeoPoint */var app = new THING.App();app.background = [0, 0, 0];THING.Utils.dynamicLoad('https://www.thingjs.com/uearth/uearth.min.js', function () { // 创建一个地图 var map = app.create({ type: 'Map', attribution: 'Google', sty

2020-10-19 14:59:51 453

原创官方示例之地球模块五：ThingLayer

/** * 该示例展示了如何向 ThingLayer 中添加点、线、面数据 */var app = new THING.App();app.background = [0, 0, 0];THING.Utils.dynamicLoad('https://www.thingjs.com/uearth/uearth.min.js', function () { // 创建一个地图 var map = app.create({ type: 'Map', attribution: 'Googl

2020-10-19 14:59:02 327

原创官方示例之地球模块四：底图效果

/** * 该示例主要展示了地图底图颜色以及底图滤镜功能 * 注：CMap中的颜色rgb取值范围为0-255 */var app = new THING.App();// 设置地图背景为黑色app.background = [0, 0, 0];THING.Utils.dynamicLoad(['https://www.thingjs.com/uearth/uearth.min.js'], function () { // 创建一个地图 var map = app.create({ t

2020-10-19 14:58:14 226

原创官方示例之地球模块三：底图叠加

/** * 说明：叠加地图底图 * 目前仅支持向地图中添加两层地图底图 */var app = new THING.App();app.background = [0, 0, 0];THING.Utils.dynamicLoad('https://www.thingjs.com/uearth/uearth.min.js', function () { // 创建一个地图 var map = app.create({ type: 'Map', attribution: 'Googl.

2020-10-19 14:57:25 493

原创官方示例之地球模块二：底图切换

/** * 该示例主要展示了地图底图切换功能 */var app = new THING.App();// 设置地图背景为黑色app.background = [0, 0, 0];var mapConfig = { 'Google': { '影像': 'https://mt{0,1,2,3}.google.cn/vt/lyrs=s&hl=zh-CN&gl=cn&x={x}&y={y}&z={z}', '街道': 'https://mt{0,1,

2020-10-19 14:56:21 483

原创官方示例之地球模块一：创建地球

/** * 说明：该示例介绍如何创建一个简单的地球 */var app = new THING.App();// 设置app背景为黑色app.background = [0, 0, 0];// 引用地图组件脚本THING.Utils.dynamicLoad(['https://www.thingjs.com/uearth/uearth.min.js'], function () { // 创建一个地球 var map = app.create({ type: 'Map', atmo

2020-10-19 14:54:53 533

原创全景虚拟漫游技术实现(three.js vs ThingJS) Javascript 3D开发前端物联网 webgl 三维建模 3D模型虚拟全景

三维建模无非就是通过专业技能加工成立体图形，使之图形成为直观、易懂，容易判读的立体图件。对于开发者来说，选择一个好的3D开发框架，在全景虚拟漫游场景上实现3D动效，ThingJS vs three.js开发性能和资源投入将会如何呢？three.js优势Three.js是大多数开发者首次接触的WebGL 3D库，Threejs库的出现解决了底层的渲染细节和复杂的数据结构，可以支持如一个房间级别,或一个楼层级别的渲染,或符合特殊要求的大量同类模型的渲染。开发性能对 WebGL进行了封装,提供了更高层的渲

2020-10-19 11:51:58 1662

原创一个3D城市地图应用开发工具，等你获取 ThingJS 3D 全景可视化

ThingJS作为一款开发工具，最忌个性化，应该做到普适化，这是轻量开发3D可视化的使命。先看看ThingJS-CityBuilder城市地图应用效果。如果寻找3D地图素材做场地分析、区位分析的话，一定要求简易生成、风格大气的软件工具，大家都会遇到这些问题：支持的数据导入格式有多少种？小组演示是否方便？操作步骤是否简单？都支持哪些应用场景？……总之，技术轻量化符合商业项目的开发趋势。ThingJS-CityBuilder工具应用教程打包，北京优锘科技出品。有问题请加微信咨询。开发Demo，点击查看

2020-10-15 11:43:09 1441

ThingJS的博客