ThingJS 是一个先进的 PaaS 开发平台，开发者可以方便、安全地基于云端的各种工具组件随时随地进行开发。
ThingJS 界面概述
为了便于开发者在ThingJS下进行界面开发，ThingJS 提供的界面体系结构目录如下：
上述ThingJS界面体系中，进行3D场景可视化的区域，我们定义为3D容器，如下图所示：
在3D“容器”内
提供了3D和2D的界面展示能力，如下图所示网页链接
3D 界面
Marker：可以将图标、Canvas绘制的图片，展现在3D场景中或绑定在3D物体上。
WebView：可以将页面嵌入到3D场景中。
2D 界面
原生界面：用户可以使用js代码编写原生的界面，将dom元素插入到相应的节点中。
快捷界面库：内置各种组件模块，供用户进行拼接组装使用。
UIAnchor：可以将普通的2D界面“挂接”到某个3D物体对象上，使之随物体移动。
在3D“容器”外
提供通栏组件（如上通栏、侧通栏）。如果用户想基于 ThingJS 做一套独立的应用系统，可使用通栏组件作为系统级别的菜单。
3D 界面
ThingJS 主要提供 `Marker` 物体和 `WebView` 物体以支持 3D 空间界面。
Marker 物体
请点击输入图片描述
Marker 物体可以添加一个图片放置到你希望的位置，也可以将这个图片作为孩子添加到对象身上，随着对象一同移动。
例子 1：
app.create({type: "Marker",
offset: [0, 2, 0],
size: [4, 4],
url: "https://thingjs.com/static/images/warning1.png",
parent: app.query("car01")[0]});
参数：
type ： 通知系统创建 Marker 物体；
offset ： 设置自身坐标系下偏移量为[0, 2, 0]；
size ： 设置 Marker 物体大小，也可以添单独数字如 4，等同于[4,4]，大小是以米计算的；
url ： 图片的 url；
parent ：指定 Marker 的父物体；
运行结果见下图。Marker 默认是受距离远近影响，呈现近大远小的 3D 效果，也会在 3D 空间中实现前后遮挡。
例子 2：
app.create({type: "Marker",
offset: [0, 8, 0],
size: 2,
keepSize: true,
url: "https://thingjs.com/static/images/reminder.png",
parent: app.query(".Building")[1]});
参数：
keepSize： 控制是否受距离远近影响，呈现近大远小的 3D 效果。如果设置 true，表示保持大小，不随距离近大远小，此时 size 的单位是屏幕的像素点；
offset ： 设置自身坐标系下偏移量为[0, 2, 0]；
size ： 设置 Marker 物体大小，也可以添单独数字如 4，等同于[4,4]，大小是以米计算的；
url ： 图片的 url；
parent ：指定 Marker 的父物体；
运行结果见下图：
我们还可以使用 h5 的 canvas 手动创建动态图。
例子 3：
function createTextCanvas(text, canvas) {if (!canvas) {
canvas = document.createElement("canvas");
canvas.width = 64;
canvas.height = 64;
}
const ctx = canvas.getContext("2D");
ctx.fillStyle = "rgb(32, 32, 256)";
ctx.beginPath();
ctx.arc(32, 32, 30, 0, Math.PI * 2);
ctx.fill();
ctx.strokeStyle = "rgb(255, 255, 255)";
ctx.lineWidth = 4;
ctx.beginPath();
ctx.arc(32, 32, 30, 0, Math.PI * 2);
ctx.stroke();
ctx.fillStyle = "rgb(255, 255, 255)";
ctx.font = "32px sans-serif";
ctx.textAlign = "center";
ctx.textBaseline = "middle";
ctx.fillText(text, 32, 32);
return canvas;}app.on('load', function (ev) {
var marker = app.create({
type: "Marker",
offset: [0, 2, 0],
size: 3,
canvas: createTextCanvas('100'),
parent: app.query('car02')[0]
}).on('click', function (ev) {
var txt = Math.floor(Math.random() * 100);
ev.object.canvas = createTextCanvas(txt, ev.object.canvas)
})})
参数：
canvas: 接收 canvas 作为贴图显示
运行结果见下图，在 Marker 上点击时，会改变标记上的数字：
你要用Select下拉按钮，可是不想再点击它的时候出现下拉框
那请问你到底想实现的是啥啊
那还不如用文本框了啊追问
就是点击这个自定义的按钮，然后加载cesium的平铺的图层
