分享
查看: 1531|回复: 0

[分享] 在thingjs低代码中,实现森城市的创建、销毁、切换功能

[复制链接]

在thingjs低代码中,实现森城市的创建、销毁、切换功能

发表于 2023-5-22 11:38:58 来自 分享 阅读模式 倒序浏览
zzv_icon1531 zzr_icon0 查看全部
本帖最后由 18979425409 于 2023-5-22 11:49 编辑

在ThingJS低代码平台中,可以通过以下步骤实现森城市的创建、销毁、切换功能:


1.创建森城市

首先,需要使用ThingJS提供的森城市创建一个城市模型。接着,在低代码中导入森城市。代码示例如下:

  1. // 加载地图
  2. var app = new THING.App();
  3. // 设置app背景为黑色
  4. app.background = [0, 0, 0];
  5. var map;
  6. // 引用地图组件脚本
  7. THING.Utils.dynamicLoad(['https://www.thingjs.com/uearth/history/uearth.min.v1.7.20.js'], function () {
  8.     map = app.create({
  9.         type: 'Map',
  10.         // 地图场景地址
  11.         url: 'https://city.thingjs.com/ra/city/mapProject/config/TVRRNE9UYzRNZz09Q2l0eUJ1aWxkZXJAMjAxOQ==',
  12.         complete: function (event) {
  13.             console.log(event.object.userLayers.length);
  14.         }
  15.     });
  16. });
复制代码


2.销毁森城市

要销毁一个场景,可以使用thingjs提供的destroy()方法。当销毁森城市时,其下的所有子对象也会被销毁。例如,要销毁名为map的森城市,代码示例如下:

  1. map.destroy()
复制代码

3.切换森城市

要切换森城市,需要先把原先森城市场景销毁,然后创建一个新的森城市场景,代码示例如下:

  1.         map.destroy()
  2.         map = app.create({
  3.             type: 'Map',
  4.     // 地图场景地址
  5.             url: 'https://city.thingjs.com/ra/city/mapProject/config/TVRRNE9UYzRNZz09Q2l0eUJ1aWxkZXJAMjAxOQ==',
  6.             complete: function (event) {
  7.             }
  8.         });
复制代码


avatar
游客~
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

130700ppkpl8x3t7tt1b1t