@maptalks/3dtiles 0.12.4 → 0.12.5

package/dist/maptalks.3dtiles.js

@@ -1,8 +1,30 @@
 /*!
- * @maptalks/3dtiles v0.12.4
+ * @maptalks/3dtiles v0.12.5
  * LICENSE : UNLICENSED
  * (c) 2016-2022 maptalks.com
  */
+/*!
+ * Cesium - https://github.com/AnalyticalGraphicsInc/cesium
+ *
+ * Copyright 2011-2017 Cesium Contributors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * Columbus View (Pat. Pend.)
+ *
+ * Portions licensed separately.
+ * See https://github.com/AnalyticalGraphicsInc/cesium/blob/master/LICENSE.md for full licensing details.
+ */
 !function(t, e) {
     "object" == typeof exports && "undefined" != typeof module ? e(require("maptalks"), require("@maptalks/gl")) : "function" == typeof define && define.amd ? define([ "maptalks", "@maptalks/gl" ], e) : e((t = "undefined" != typeof globalThis ? globalThis : t || self).maptalks, t.maptalksgl);
 }(this, (function(t, e) {
@@ -250,6 +272,12 @@
             constructor(t, e, n) {
                 this.i = t, this.decoders = e, this.o = n, this.images = {}, this.h = {};
             }
+            abortRequests() {
+                for (const t in this.h) {
+                    const e = this.h[t];
+                    e && e.xhr && e.xhr.abort();
+                }
+            }
             requestImageFromBufferURI(t, e, n) {
                 if (this.buffers[t.id]) {
                     const r = this.buffers[t.id], s = this.u(e, r);
@@ -678,7 +706,7 @@
             }(new Uint8Array(t, e, n));
         }
         const Z = [ 1, 1, 1, 1, 2, 2, 3, 0 ];
-        const Y = [ 0, 0, 0 ], Q = [ 0, 0, 0, 1 ], tt = [ 1, 1, 1 ], et = {
+        const Q = [ 0, 0, 0 ], Y = [ 0, 0, 0, 1 ], tt = [ 1, 1, 1 ], et = {
             TRANSLATION: [ 0, 0, 0 ],
             ROTATION: [ 0, 0, 0, 1 ],
             SCALE: [ 1, 1, 1 ]
@@ -697,8 +725,8 @@
                     const l = f.channelsMap[n];
                     if (l) for (let t = 0; t < l.length; t++) {
                         const e = l[t];
-                        "translation" === e.target.path ? (this.L(s, f.samplers[e.sampler], r, 1), u.translation = a(Y, s)) : "rotation" === e.target.path ? (this.B(i, f.samplers[e.sampler], r, 1), 
-                        u.rotation = O(Q, i)) : "scale" === e.target.path ? (this.L(o, f.samplers[e.sampler], r, 1), 
+                        "translation" === e.target.path ? (this.L(s, f.samplers[e.sampler], r, 1), u.translation = a(Q, s)) : "rotation" === e.target.path ? (this.B(i, f.samplers[e.sampler], r, 1), 
+                        u.rotation = O(Y, i)) : "scale" === e.target.path ? (this.L(o, f.samplers[e.sampler], r, 1), 
                         u.scale = a(tt, o)) : "weights" === e.target.path && c && (this.L(c, f.samplers[e.sampler], r, c.length), 
                         u.weights = c);
                     }
@@ -805,8 +833,8 @@
             },
             getAnimationClip(t, e, n, r) {
                 const s = t.nodes[e] && t.nodes[e].weights;
-                c(Y, ...et.TRANSLATION), _(Q, ...et.ROTATION), c(tt, ...et.SCALE);
-                return this.P(r, t, e, n, Y, Q, tt, s);
+                c(Q, ...et.TRANSLATION), _(Y, ...et.ROTATION), c(tt, ...et.SCALE);
+                return this.P(r, t, e, n, Q, Y, tt, s);
             },
             getTimeSpan(t) {
                 if (!t.animations) return null;
@@ -849,6 +877,9 @@
                 } else this.F(t, e);
                 this.D = new G(this.rootPath, this.gltf, this.glbBuffer), this.k();
             }
+            abort() {
+                this.adapter && this.adapter.abortRequests();
+            }
             k() {
                 const t = this.gltf.extensionsRequired;
                 if (t) {
@@ -1070,13 +1101,11 @@
                         attributes: e.reduce((t, e) => {
                             if ("indices" === e.name) n = e; else if (e.name.indexOf("morphTargets_") > -1) r = r || {}, 
                             r[e.name.slice(13)] = e; else {
-                                if ("POSITION" === e.name) {
-                                    const t = [ 1 / 0, 1 / 0, 1 / 0 ], n = [ -1 / 0, -1 / 0, -1 / 0 ], {itemSize: r, array: s} = e;
-                                    s.length, c(t, s[0], s[1], s[2]), c(n, s[0], s[1], s[2]);
-                                    for (let e = 3; e < s.length; ) {
-                                        const r = s[e++], i = s[e++], o = s[e++];
-                                        r < t[0] && (t[0] = r), i < t[1] && (t[1] = i), o < t[2] && (t[2] = o), r > n[0] && (n[0] = r), 
-                                        i > n[1] && (n[1] = i), o > n[2] && (n[2] = o);
+                                if (!("POSITION" !== e.name || e.min && e.max)) {
+                                    const t = [ 1 / 0, 1 / 0, 1 / 0 ], n = [ -1 / 0, -1 / 0, -1 / 0 ], {itemSize: r, array: s} = e, i = s.length / r;
+                                    for (let e = 0; e < i; e++) for (let i = 0; i < r; i++) {
+                                        const o = e * r + i;
+                                        s[o] < t[i] && (t[i] = s[o]), s[o] > n[i] && (n[i] = s[o]);
                                     }
                                     e.min = t, e.max = n;
                                 }
@@ -1388,24 +1417,24 @@
             if ("undefined" != typeof window) return window;
             if ("undefined" != typeof global) return global;
             throw new Error("unable to locate global object");
-        }, Zt = Wt(), Yt = Zt.gl_trans__coders = Zt.gl_trans__coders || {};
-        Yt.inject = function(t) {
+        }, Zt = Wt(), Qt = Zt.gl_trans__coders = Zt.gl_trans__coders || {};
+        Qt.inject = function(t) {
             const e = t.toString(), n = e.indexOf("{") + 1, r = e.substring(0, n), s = Zt.gl_trans__coders = Zt.gl_trans__coders || {};
             let i = `${r}\n    const _____getGlobal = ${Wt.toString()};\n    const g___lobals = _____getGlobal()\n    const tran_____scoders = g___lobals['gl_trans__coders'] = g___lobals['gl_trans__coders'] || {};`;
             for (const t in s) "inject" !== t && "getTranscoder" !== t && "registerTranscoder" !== t && (i += 'tran_____scoders["' + t + '"] =' + s[t].toString() + "\n;");
             return i += "\n" + e.substring(r.length), i;
-        }, Yt.registerTranscoder = function(t, e) {
-            Yt[t] = e;
-        }, Yt.getTranscoder = function(t) {
-            return Yt[t];
+        }, Qt.registerTranscoder = function(t, e) {
+            Qt[t] = e;
+        }, Qt.getTranscoder = function(t) {
+            return Qt[t];
         };
-        class Qt {
+        class Yt {
             constructor(t, e, n) {
                 this.i = t, this.Y = e || ot, this.o = n, this.tt = {
-                    "image/crn": Yt.crn && Yt.crn(),
-                    "image/ktx2": Yt.ktx2 && Yt.ktx2(),
-                    "image/cttf": Yt.ktx2 && Yt.ktx2(),
-                    "draco": Yt.draco && Yt.draco()
+                    "image/crn": Qt.crn && Qt.crn(),
+                    "image/ktx2": Qt.ktx2 && Qt.ktx2(),
+                    "image/cttf": Qt.ktx2 && Qt.ktx2(),
+                    "draco": Qt.draco && Qt.draco()
                 };
             }
             static createEmptyB3DM() {
@@ -1497,10 +1526,10 @@
         class te {
             constructor(t, e, n) {
                 this.i = t, this.Y = e || ot, this.o = n, this.tt = {
-                    "image/crn": Yt.crn && Yt.crn(),
-                    "image/ktx2": Yt.ktx2 && Yt.ktx2(),
-                    "image/cttf": Yt.ktx2 && Yt.ktx2(),
-                    "draco": Yt.draco && Yt.draco()
+                    "image/crn": Qt.crn && Qt.crn(),
+                    "image/ktx2": Qt.ktx2 && Qt.ktx2(),
+                    "image/cttf": Qt.ktx2 && Qt.ktx2(),
+                    "draco": Qt.draco && Qt.draco()
                 };
             }
             load(t, e, n = 0, r = 0) {
@@ -1742,7 +1771,7 @@
                         attributes: y.properties,
                         useUniqueIDs: !1
                     };
-                    return this.ut || (this.ut = Yt.draco()), this.ut(m, e).then(e => {
+                    return this.ut || (this.ut = Qt.draco()), this.ut(m, e).then(e => {
                         const n = e.attributes;
                         !a.POSITION && !a.POSITION_QUANTIZED || n.POSITION || n.POSITION_QUANTIZED || (n.POSITION = a.POSITION, 
                         n.POSITION_QUANTIZED = a.POSITION_QUANTIZED), !(a.RGB || a.RGBA || a.RGB565) || n.RGB || n.RGBA || n.RGB565 || (n.RGB = a.RGB, 
@@ -1940,7 +1969,7 @@
                 const s = this.lt(e, t, n, r), i = [];
                 for (let n = 0; n < s.length; n++) {
                     let r;
-                    if ("b3dm" === s[n].magic) r = new Qt(this.i, this.Y); else if ("i3dm" === s[n].magic) r = new te(this.i, this.Y); else if ("pnts" === s[n].magic) r = new se; else {
+                    if ("b3dm" === s[n].magic) r = new Yt(this.i, this.Y); else if ("i3dm" === s[n].magic) r = new te(this.i, this.Y); else if ("pnts" === s[n].magic) r = new se; else {
                         if ("cmpt" !== s[n].magic) {
                             console.warn("Unsupported magic in CMPT tile:", s[n].magic);
                             continue;
@@ -2033,7 +2062,7 @@
                 this.bt = {}, r(null, {}, []);
             }
             pt(t) {
-                this.wt || (this._t = new se, this.wt = new Qt(this.dt, ot, t), this.gt = new te(this.dt, ot, t));
+                this.wt || (this._t = new se, this.wt = new Yt(this.dt, ot, t), this.gt = new te(this.dt, ot, t));
             }
             requestImage(t, e) {
                 me ? fetch(t).then(t => t.blob()).then(t => createImageBitmap(t)).then(t => {
@@ -2538,14 +2567,14 @@
         function Z(t) {
             return !W(t);
         }
-        function Y(t) {
+        function Q(t) {
             for (let e = 1; e < arguments.length; e++) {
                 const n = arguments[e];
                 for (const e in n) t[e] = n[e];
             }
             return t;
         }
-        function Q(t) {
+        function Y(t) {
             switch (t) {
               case 5120:
                 return Int8Array;
@@ -2584,7 +2613,7 @@
             return t[0] = 0, t[1] = 0, t[2] = 0, t[3] = 1, t;
         }([]), at = [ 1, 1, 1 ];
         function ct(t, e, n, r, s, i, o) {
-            const a = Q(o);
+            const a = Y(o);
             if ((0 === s || s === r * a.BYTES_PER_ELEMENT) && i % a.BYTES_PER_ELEMENT == 0) {
                 const s = new a(e, i, n * r);
                 return t.set(s), t;
@@ -2653,6 +2682,12 @@
             constructor(t, e, n) {
                 this.i = t, this.decoders = e, this.o = n, this.images = {}, this.h = {};
             }
+            abortRequests() {
+                for (const t in this.h) {
+                    const e = this.h[t];
+                    e && e.xhr && e.xhr.abort();
+                }
+            }
             requestImageFromBufferURI(t, e, n) {
                 if (this.buffers[t.id]) {
                     const r = this.buffers[t.id], s = this.u(e, r);
@@ -2753,7 +2788,7 @@
                 });
             }
             g(t, e, n, r = 0) {
-                const s = this.gltf, i = s.accessors[e], o = void 0 !== i.bufferView ? s.bufferViews[i.bufferView] : {}, a = (o.byteOffset || 0) + r, c = this.A(i.type), h = Q(i.componentType), u = o.byteStride || 0;
+                const s = this.gltf, i = s.accessors[e], o = void 0 !== i.bufferView ? s.bufferViews[i.bufferView] : {}, a = (o.byteOffset || 0) + r, c = this.A(i.type), h = Y(i.componentType), u = o.byteStride || 0;
                 const f = {
                     array: void 0,
                     name: t,
@@ -2941,7 +2976,7 @@
             }
             createNode(t) {
                 const e = {};
-                return Y(e, t), !Z(t.weights) && this.gltf.meshes && Z(e.mesh) ? e.weights = this.gltf.meshes[e.mesh].weights : t.weights && (e.weights = t.weights), 
+                return Q(e, t), !Z(t.weights) && this.gltf.meshes && Z(e.mesh) ? e.weights = this.gltf.meshes[e.mesh].weights : t.weights && (e.weights = t.weights), 
                 e;
             }
             S(t) {
@@ -2963,7 +2998,7 @@
                             extras: n.extras
                         }
                     };
-                    Y(r, e);
+                    Q(r, e);
                     const s = Z(e.sampler) ? this.gltf.samplers[e.sampler] : void 0;
                     return s && (r.sampler = s), t.format && (r.format = t.format), r;
                 });
@@ -3256,6 +3291,9 @@
                 } else this.F(t, e);
                 this.D = new mt(this.rootPath, this.gltf, this.glbBuffer), this.k();
             }
+            abort() {
+                this.adapter && this.adapter.abortRequests();
+            }
             k() {
                 const t = this.gltf.extensionsRequired;
                 if (t) {
@@ -3308,7 +3346,7 @@
                 return It.getTimeSpanByName(t, e);
             }
             static getTypedArrayCtor(t) {
-                return Q(t);
+                return Y(t);
             }
             static readInterleavedArray(t, e, n, r, s, i, o) {
                 return ct(t, e, n, r, s, i, o);
@@ -3411,7 +3449,7 @@
                 const n = t.primitives.map(t => this.Z(t, e)).filter(t => !!t);
                 return Promise.all(n).then(e => {
                     const n = {};
-                    return Y(n, t), n.primitives = e, n;
+                    return Q(n, t), n.primitives = e, n;
                 });
             }
             H() {
@@ -3477,13 +3515,11 @@
                         attributes: e.reduce((t, e) => {
                             if ("indices" === e.name) n = e; else if (e.name.indexOf("morphTargets_") > -1) r = r || {}, 
                             r[e.name.slice(13)] = e; else {
-                                if ("POSITION" === e.name) {
-                                    const t = [ 1 / 0, 1 / 0, 1 / 0 ], n = [ -1 / 0, -1 / 0, -1 / 0 ], {itemSize: r, array: s} = e;
-                                    s.length, U(t, s[0], s[1], s[2]), U(n, s[0], s[1], s[2]);
-                                    for (let e = 3; e < s.length; ) {
-                                        const r = s[e++], i = s[e++], o = s[e++];
-                                        r < t[0] && (t[0] = r), i < t[1] && (t[1] = i), o < t[2] && (t[2] = o), r > n[0] && (n[0] = r), 
-                                        i > n[1] && (n[1] = i), o > n[2] && (n[2] = o);
+                                if (!("POSITION" !== e.name || e.min && e.max)) {
+                                    const t = [ 1 / 0, 1 / 0, 1 / 0 ], n = [ -1 / 0, -1 / 0, -1 / 0 ], {itemSize: r, array: s} = e, i = s.length / r;
+                                    for (let e = 0; e < i; e++) for (let i = 0; i < r; i++) {
+                                        const o = e * r + i;
+                                        s[o] < t[i] && (t[i] = s[o]), s[o] > n[i] && (n[i] = s[o]);
                                     }
                                     e.min = t, e.max = n;
                                 }
@@ -3745,7 +3781,7 @@
                 return t[0] = e[0] + n[0], t[1] = e[1] + n[1], t[2] = e[2] + n[2], t;
             }(t, $t, qt);
         }
-        const Xt = [ 1 / 6378137, 1 / 6378137, 1 / 6356752.314245179 ], Wt = [ 1 / 40680631590769, 1 / 40680631590769, 1 / 40408299984661.445 ], Zt = new Array(3), Yt = new Array(3), Qt = new Array(3);
+        const Xt = [ 1 / 6378137, 1 / 6378137, 1 / 6356752.314245179 ], Wt = [ 1 / 40680631590769, 1 / 40680631590769, 1 / 40408299984661.445 ], Zt = new Array(3), Qt = new Array(3), Yt = new Array(3);
         function te(t, e) {
             const n = Wt, r = function(t, e, n, r, s) {
                 const i = e[0], o = e[1], a = e[2], c = n[0], h = n[1], u = n[2], f = i * i * c * c, l = o * o * h * h, d = a * a * u * u, m = f + l + d, y = Math.sqrt(1 / m), b = F(ee, e, y);
@@ -3761,9 +3797,9 @@
                 } while (Math.abs(T) > 1e-12);
                 return t[0] = i * O, t[1] = o * v, t[2] = a * M, t;
             }(Zt, e, Xt, n, .1);
-            let s = V(Yt, r, n);
+            let s = V(Qt, r, n);
             s = se(s, s);
-            const i = j(Qt, e, r), o = Math.atan2(s[1], s[0]), a = Math.asin(s[2]), c = _(k(i, e)) * re(i);
+            const i = j(Yt, e, r), o = Math.atan2(s[1], s[0]), a = Math.asin(s[2]), c = _(k(i, e)) * re(i);
             return t[0] = p(o), t[1] = p(a), t[2] = c, t;
         }
         const ee = new Array(3), ne = new Array(3);
@@ -3995,7 +4031,7 @@
             x: 0,
             y: 0
         }, Ge = Math.PI / 180;
-        const {getTextureMagFilter: He, getTextureMinFilter: qe, getTextureWrap: $e, getMaterialType: Je, getMaterialFormat: Ke, getPrimitive: Xe, getUniqueREGLBuffer: We} = n.reshader.REGLHelper, Ze = [ 1, 0, 0, 0, 0, 0, 1, 0, 0, -1, 0, 0, 0, 0, 0, 1 ], Ye = [ 0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 0, 0, 0, 1 ], {loginIBLResOnCanvas: Qe, logoutIBLResOnCanvas: tn, getIBLResOnCanvas: en, getPBRUniforms: nn} = n.reshader.pbr.PBRUtils, rn = {
+        const {getTextureMagFilter: He, getTextureMinFilter: qe, getTextureWrap: $e, getMaterialType: Je, getMaterialFormat: Ke, getPrimitive: Xe, getUniqueREGLBuffer: We} = n.reshader.REGLHelper, Ze = [ 1, 0, 0, 0, 0, 0, 1, 0, 0, -1, 0, 0, 0, 0, 0, 1 ], Qe = [ 0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 0, 0, 0, 1 ], {loginIBLResOnCanvas: Ye, logoutIBLResOnCanvas: tn, getIBLResOnCanvas: en, getPBRUniforms: nn} = n.reshader.pbr.PBRUtils, rn = {
             factor: 0,
             units: 0
         }, sn = {
@@ -4035,10 +4071,10 @@
             paint(t, e, n, r) {
                 const s = this.getMap();
                 if (!t.length || !s) return;
-                const i = this.Yt(), o = s.projViewMatrix, a = this.Nt.options.services, h = [];
+                const i = this.Qt(), o = s.projViewMatrix, a = this.Nt.options.services, h = [];
                 let u = [];
                 for (let n = 0, r = t.length; n < r; n++) {
-                    let r = this.Qt(t[n].data.node);
+                    let r = this.Yt(t[n].data.node);
                     if (!r) {
                         if (r = this.kt[t[n].data.node.id], !r) continue;
                         r = O(r);
@@ -4059,7 +4095,7 @@
                 const l = this.Wt.getExcludeFilter();
                 f += this.ne(this.re, i, [ n, cn, l ], r, h, u), f += this.ne(this.se, i, [ n, hn, l ], r, h, u), 
                 this.Wt.forEachShader((t, e, s) => {
-                    const i = this.Yt(s);
+                    const i = this.Qt(s);
                     f += this.ne(t, i, [ n, e ], r, h, u);
                 });
                 const d = [];
@@ -4159,11 +4195,11 @@
                 return l.setLocalTransform(n.mat4.translate(d, d, [ o.x, o.y, 0 ])), this.Ct[t.id] = l, 
                 l;
             }
-            Qt(t) {
+            Yt(t) {
                 return this.Rt[t.id];
             }
             has(t) {
-                return this.Qt(t) || this.Ft[t.id] || this.Dt[t.id] || this.kt[t.id] || this.Ut[t.id];
+                return this.Yt(t) || this.Ft[t.id] || this.Dt[t.id] || this.kt[t.id] || this.Ut[t.id];
             }
             createPntsMesh(t, e, r, s) {
                 if (this.Ft[e]) {
@@ -4508,7 +4544,7 @@
                     extraCommandProps: s
                 });
                 const i = this.Nt;
-                Qe(i.getRenderer().canvas, this.Lt, i.getMap());
+                Ye(i.getRenderer().canvas, this.Lt, i.getMap());
             }
             Zt() {
                 return {
@@ -4568,7 +4604,7 @@
                     lightDir: n.vec3.normalize(s, s)
                 };
             }
-            Yt() {
+            Qt() {
                 const t = this.getMap(), e = this.Nt.getRenderer().canvas, {iblTexes: n, dfgLUT: r} = en(e), s = nn(t, n, r);
                 return m(s, {
                     lightSpecular: [ 1, 1, 1 ],
@@ -4669,16 +4705,16 @@
                 return e.getGLZoom ? e._prjToPoint(t, e.getGLZoom()) : e._prjToPointAtRes(t, e.getGLRes());
             }
             ge(t) {
-                return "Y" === t ? Ze : "X" === t ? Ye : an;
+                return "Y" === t ? Ze : "X" === t ? Qe : an;
             }
         }
         class pn extends s.renderer.CanvasRenderer {
             constructor(t) {
                 super(t), this.prepareWorker(), this.tilesLoading = {}, this.tileCache = new zt(1024 * t.options.maxGPUMemory * 1024, this.deleteTile.bind(this)), 
-                this.bt = {};
+                this.bt = {}, this.Le = [];
             }
             needToRedraw() {
-                return !!this.getMap().isInteracting() || super.needToRedraw();
+                return !!this.getMap().isInteracting() || (!!this.Le.length || super.needToRedraw());
             }
             drawOnInteracting(t, e, n) {
                 this.draw(e, n);
@@ -4688,30 +4724,31 @@
                 if (n && !n.intersects(this.canvasExtent2D)) return void this.completeRender();
                 const {root: r, tiles: s} = this.layer.getTiles(), i = s ? Object.keys(s).length : 0;
                 if (!s || !i) return void this.completeRender();
-                const {selectedTiles: o, leaves: a, requests: c} = this.Le(r, s);
-                this.Be(o, a, e), this.Ue(), c.length ? this.loadTiles(c) : this.completeRender();
+                this.Be();
+                const {selectedTiles: o, leaves: a, requests: c} = this.Ue(r, s);
+                c.length && this.loadTiles(c), this.Ce(o, a, e), this.Re(), c.length || this.completeRender();
             }
-            Le(t, e) {
+            Ue(t, e) {
                 let n = [];
-                this.Ce();
+                this.Fe();
                 let r = 0;
-                const s = this.Re(), i = {};
+                const s = this.De(), i = {};
                 let o = !1, a = !1;
                 for (const t in e) {
                     const s = e[t], c = s.node;
                     if (i[c.id]) continue;
                     i[c.id] = 1;
                     let h = !1;
-                    const u = this.Fe(c.id);
-                    if (this.De(c.id) ? (r++, h = a = !0, this.tilesLoading[c.id].current = !0) : u ? (this.getTileOpacity(u) < 1 && (h = a = !0), 
+                    const u = this.ke(c.id);
+                    if (this.ze(c.id) ? (r++, h = a = !0, this.tilesLoading[c.id].current = !0) : u ? (this.getTileOpacity(u) < 1 && (h = a = !0), 
                     o = !0, s.selected = !0, s.data = u) : this.painter.has(c) || (h = a = !0, n.push(c)), 
                     !h) continue;
-                    if (this.ke(s)) o = !0; else {
-                        this.ze(s).length && (o = !0);
+                    if (this.je(s)) o = !0; else {
+                        this.Ve(s).length && (o = !0);
                     }
                 }
                 let c = [], h = {};
-                if (o && ({selectedTiles: c, leaves: h} = this.je(t)), n.length > 1 && (n.sort(_n), 
+                if (o && ({selectedTiles: c, leaves: h} = this.Ge(t)), n.length > 1 && (n.sort(wn), 
                 s)) {
                     const t = s - r;
                     n = t > 0 ? n.slice(0, t) : [];
@@ -4723,14 +4760,14 @@
                     leaves: h
                 };
             }
-            je(t) {
+            Ge(t) {
                 const e = [], n = {};
                 let r;
                 const s = [ t ], i = [];
                 for (;s.length > 0 || i.length > 0; ) {
                     if (i.length > 0) {
                         const t = i[i.length - 1];
-                        if (t.Ve === s.length) {
+                        if (t.He === s.length) {
                             i.pop(), t === r && (t.leave = !0, n[t.node.id] = 1), e.push(t);
                             continue;
                         }
@@ -4742,9 +4779,8 @@
                             t.leave = !0, n[t.node.id] = 1, e.push(t);
                             continue;
                         }
-                        i.push(t), t.Ve = s.length;
+                        i.push(t), t.He = s.length;
                     }
-                    o.length > 1 && o.sort(wn);
                     for (let t = 0; t < o.length; t++) s.push(o[t]);
                 }
                 return {
@@ -4752,7 +4788,7 @@
                     leaves: n
                 };
             }
-            ke(t) {
+            je(t) {
                 if (!t.parent) return null;
                 let e = t.parent;
                 for (;e && e.level >= 0; ) {
@@ -4763,27 +4799,27 @@
                 }
                 return null;
             }
-            ze(t) {
+            Ve(t) {
                 const e = [];
                 if (!t.node.children || !t.node.children.length) return e;
-                const n = t.Ge + 1, r = [ t.node ];
+                const n = t.qe + 1, r = [ t.node ];
                 for (;r.length > 0; ) {
                     const s = r.pop().children;
                     for (let i = 0, o = s.length; i < o; i++) {
-                        if (!this.layer.He(s[i]) && s[i].children && s[i].children.length) {
+                        if (!this.layer.$e(s[i]) && s[i].children && s[i].children.length) {
                             r.push(s[i]);
                             continue;
                         }
                         const o = s[i].id;
                         if (this.tileCache.has(o)) {
-                            const n = this.layer.qe(s[i], t);
+                            const n = this.layer.Je(s[i], t);
                             n.selected = !0, n.data = this.tileCache.get(o), t.children.push(n), e.push(n);
-                        } else s[i].Ge <= n && r.push(s[i]);
+                        } else s[i].qe <= n && r.push(s[i]);
                     }
                 }
                 return e;
             }
-            Be(t, e, n) {
+            Ce(t, e, n) {
                 this.tileCache.markAll(!1);
                 for (let e = 0, n = t.length; e < n; e++) {
                     const n = t[e].data;
@@ -4817,7 +4853,7 @@
                 let e = t.content.url;
                 if (M(e)) {
                     const n = S(e);
-                    return void this.$e(e, n, t);
+                    return void this.Ke(e, n, t);
                 }
                 t && -1 === e.indexOf("http://") && -1 === e.indexOf("https://") && (e = t.baseUrl + e);
                 const n = this.layer.options.services[t.te];
@@ -4827,13 +4863,13 @@
                     let s = ft.getArrayBuffer(e + (r || ""), n.ajaxOptions);
                     const i = s.xhr;
                     s = s.then(n => {
-                        delete this.bt[e], n ? this.$e(e, n.data, t) : this.onTileError(null, t);
+                        delete this.bt[e], n ? this.Ke(e, n.data, t) : this.onTileError(null, t);
                     }).catch(n => {
                         delete this.bt[e], this.onTileError(n, t);
                     }), this.bt[e] = i;
-                } else this.$e(e, null, t);
+                } else this.Ke(e, null, t);
             }
-            $e(t, e, r) {
+            Ke(t, e, r) {
                 let s = this.o;
                 s || (s = n.reshader.Util.getSupportedFormats(this.gl.gl || this.gl), this.o = s), 
                 this.workerConn.loadTile(this.layer.getId(), {
@@ -4846,30 +4882,41 @@
                 }, (e, n) => {
                     if (e) return void this.onTileError(e, r);
                     const {magic: s} = n;
-                    "b3dm" === s ? this.painter.createB3DMMesh(n, r.id, r, (t, {mesh: e}) => {
-                        this.Je(n, r, t, e);
-                    }) : "pnts" === s ? this.painter.createPntsMesh(n, r.id, r, (t, {mesh: e}) => {
-                        this.Je(n, r, t, e);
-                    }) : "i3dm" === s ? this.painter.createI3DMMesh(n, r.id, r, (t, {mesh: e}) => {
-                        this.Je(n, r, t, e);
-                    }) : "cmpt" === s ? this.painter.createCMPTMesh(n, r.id, r, (t, {mesh: e}) => {
-                        this.Je(n, r, t, e);
+                    "b3dm" === s || "pnts" === s || "i3dm" === s || "cmpt" === s ? this.Le.push({
+                        data: n,
+                        tile: r
                     }) : this.onTilesetLoad(n, r, t);
                 });
             }
-            Je(t, e, n, r) {
+            Be() {
+                const t = this.getMap(), e = this.layer.options.meshLimitPerFrame;
+                let n = 0;
+                for (;this.Le.length && (n < e || !t.isInteracting()); ) {
+                    const {data: t, tile: e} = this.Le.shift(), {magic: r} = t;
+                    "b3dm" === r ? this.painter.createB3DMMesh(t, e.id, e, (n, {mesh: r}) => {
+                        this.Xe(t, e, n, r);
+                    }) : "pnts" === r ? this.painter.createPntsMesh(t, e.id, e, (n, {mesh: r}) => {
+                        this.Xe(t, e, n, r);
+                    }) : "i3dm" === r ? this.painter.createI3DMMesh(t, e.id, e, (n, {mesh: r}) => {
+                        this.Xe(t, e, n, r);
+                    }) : "cmpt" === r && this.painter.createCMPTMesh(t, e.id, e, (n, {mesh: r}) => {
+                        this.Xe(t, e, n, r);
+                    }), n++;
+                }
+            }
+            Xe(t, e, n, r) {
                 if (n) this.onTileError(n, e); else {
-                    const n = this.Ke(r);
+                    const n = this.We(r);
                     e.memorySize = n, this.onTileLoad(t, e);
                 }
             }
-            Ke(t) {
+            We(t) {
                 let e = 0;
-                if (Array.isArray(t)) for (let n = 0; n < t.length; n++) t[n] && (e += this.Ke(t[n])); else t && (e += t.getMemorySize());
+                if (Array.isArray(t)) for (let n = 0; n < t.length; n++) t[n] && (e += this.We(t[n])); else t && (e += t.getMemorySize());
                 return e;
             }
             onTileLoad(t, e) {
-                this.layer && (delete this.tilesLoading[e.id], this.Xe(e), this.setToRedraw(), this.layer.fire("tileload", {
+                this.layer && (delete this.tilesLoading[e.id], this.Ze(e), this.setToRedraw(), this.layer.fire("tileload", {
                     node: e
                 }));
             }
@@ -4880,15 +4927,15 @@
                 if (!this.layer) return;
                 const n = e.content.url;
                 console.warn("failed to load 3d tile: " + n), console.warn(t), delete this.tilesLoading[e.id], 
-                this.Xe(e), this.setToRedraw(), this.layer.fire("tileerror", {
+                this.Ze(e), this.setToRedraw(), this.layer.fire("tileerror", {
                     node: e,
                     error: t
                 });
             }
-            Fe(t) {
+            ke(t) {
                 return this.tileCache.get(t);
             }
-            Xe(t) {
+            Ze(t) {
                 const e = {
                     loadTime: s.Util.now(),
                     current: !0,
@@ -4905,7 +4952,7 @@
                 } else this.workerConn.abortTileLoading(this.layer.getId(), e);
                 delete this.bt[e];
             }
-            Ce() {
+            Fe() {
                 if (this.tilesLoading) for (const t in this.tilesLoading) this.tilesLoading[t].current = !1;
             }
             deleteTile(t) {
@@ -4920,7 +4967,7 @@
                     antialias: t.options.antialias
                 };
                 this.canvas.gl && this.canvas.gl.wrap ? (this.gl = this.canvas.gl.wrap(), this.regl = this.canvas.gl.regl) : (this.glOptions = e, 
-                this.gl = this.We(this.canvas, e)), this.regl = this.regl || n.createREGL({
+                this.gl = this.Qe(this.canvas, e)), this.regl = this.regl || n.createREGL({
                     gl: this.gl,
                     attributes: e,
                     extensions: [ "OES_element_index_uint", "WEBGL_compressed_texture_s3tc" ],
@@ -4947,7 +4994,7 @@
                 super.onRemove();
             }
             clear() {
-                this.Ue(!0), this.tileCache.reset(), this.tilesLoading = {}, super.clear();
+                this.Re(!0), this.tileCache.reset(), this.tilesLoading = {}, super.clear();
             }
             clearCanvas() {
                 this.regl && this.regl.clear({
@@ -4962,22 +5009,21 @@
             getStencilValue() {
                 return 0;
             }
-            Ue(t) {
-                this.Ze || (this.Ze = Date.now());
+            Re(t) {
+                this.Ye || (this.Ye = Date.now());
                 const e = Date.now();
-                if (t || !(e - this.Ze < this.layer.options.retireInterval)) {
-                    this.Ze = e;
+                if (t || !(e - this.Ye < this.layer.options.retireInterval)) {
+                    this.Ye = e;
                     for (const e in this.tilesLoading) {
                         const n = this.tilesLoading[e];
-                        !t && n.current || (this.abortTileLoading(n), this.painter.has(n) && this.painter.deleteTile(n), 
-                        delete this.tilesLoading[e]);
+                        !t && n.current || this.abortTileLoading(n);
                     }
                 }
             }
-            Re() {
+            De() {
                 return this.getMap().isInteracting() ? this.layer.options.loadingLimitOnInteracting : this.layer.options.loadingLimit;
             }
-            We(t, e) {
+            Qe(t, e) {
                 const n = [ "webgl", "experimental-webgl" ];
                 let r = null;
                 for (let s = 0; s < n.length; ++s) {
@@ -4988,7 +5034,7 @@
                 }
                 return r;
             }
-            De(t) {
+            ze(t) {
                 return !!this.tilesLoading[t];
             }
             getI3DMMeshes() {
@@ -5005,19 +5051,16 @@
             }
         }
         function wn(t, e) {
-            return 0 === t.node.ce && 0 === e.node.ce ? e.node.Ye - t.node.Ye : e.node.ce - t.node.ce;
+            return 0 === t.ce && 0 === e.ce ? t.tn - e.tn : t.ce - e.ce;
         }
-        function _n(t, e) {
-            return 0 === t.ce && 0 === e.ce ? t.Ye - e.Ye : t.ce - e.ce;
-        }
-        function gn(t, e, n) {
+        function _n(t, e, n) {
             return t[0] = e[n], t[1] = e[n + 3], t[2] = e[n + 6], t;
         }
-        function Tn(t, e, n) {
+        function gn(t, e, n) {
             return Math.sqrt(function(t, e, n) {
-                var r = C(An, n, t), s = gn(On, e, 0), i = gn(vn, e, 1), o = gn(Mn, e, 2), a = G(s), c = G(i), h = G(o);
+                var r = C(Tn, n, t), s = _n(An, e, 0), i = _n(On, e, 1), o = _n(vn, e, 2), a = G(s), c = G(i), h = G(o);
                 D(s, s), D(i, i), D(o, o);
-                var u = Sn;
+                var u = Mn;
                 u.x = k(r, s), u.y = k(r, i), u.z = k(r, o);
                 var f, l = 0;
                 u.x < -a ? (f = u.x + a, l += f * f) : u.x > a && (f = u.x - a, l += f * f);
@@ -5026,15 +5069,15 @@
                 return l;
             }(t, e, n));
         }
-        const An = [], On = [], vn = [], Mn = [], Sn = [];
-        const xn = s.projection.EPSG3857, In = new s.Extent(0, 0, 0, 0), Nn = [], En = [], Pn = [], Ln = new s.Coordinate(0, 0), Bn = n.mat4.identity([]);
-        class Un extends s.Layer {
+        const Tn = [], An = [], On = [], vn = [], Mn = [];
+        const Sn = s.projection.EPSG3857, xn = new s.Extent(0, 0, 0, 0), In = [], Nn = [], En = [], Pn = new s.Coordinate(0, 0), Ln = n.mat4.identity([]);
+        class Bn extends s.Layer {
             constructor(t, e) {
-                super(t, e), this.Qe(), this.bt = {}, this.tn = {};
+                super(t, e), this.en(), this.bt = {}, this.nn = {};
             }
-            Qe() {
+            en() {
                 let t = this.options.services.map(t => t.url);
-                this.en = t.map((t, e) => function(t, e) {
+                this.rn = t.map((t, e) => function(t, e) {
                     t = w(t);
                     return {
                         baseUrl: t.substring(0, t.lastIndexOf("/")) + "/",
@@ -5044,25 +5087,25 @@
                         refine: "replace",
                         matrix: n.mat4.identity([]),
                         te: e,
-                        Ge: 0
+                        qe: 0
                     };
                 }(t, e)), this.fire("rootready", {
-                    roots: this.en.slice(0)
+                    roots: this.rn.slice(0)
                 });
             }
             getExtent(t) {
                 if (!t && 0 !== t) {
                     const t = new s.Extent;
-                    for (let e = 0; e < this.en.length; e++) if (this.en[e].boundingVolume) {
-                        const n = this.boundingVolumeToExtent(this.en[e]);
+                    for (let e = 0; e < this.rn.length; e++) if (this.rn[e].boundingVolume) {
+                        const n = this.boundingVolumeToExtent(this.rn[e]);
                         t._combine(n);
                     }
                     return t;
                 }
-                return this.en[t] && this.en[t].boundingVolume ? this.boundingVolumeToExtent(this.en[t]) : null;
+                return this.rn[t] && this.rn[t].boundingVolume ? this.boundingVolumeToExtent(this.rn[t]) : null;
             }
             boundingVolumeToExtent(t) {
-                const e = t.boundingVolume.nn ? Bn : t.matrix, r = this.getMap();
+                const e = t.boundingVolume.sn ? Ln : t.matrix, r = this.getMap();
                 if (t.boundingVolume.region) {
                     const e = t.boundingVolume.region;
                     return new s.Extent(p(e[0]), p(e[1]), p(e[2]), p(e[3]));
@@ -5080,50 +5123,50 @@
                 return null;
             }
             getRootTiles() {
-                return this.en;
+                return this.rn;
             }
             getTiles() {
-                return this.getRenderer().ready ? this.rn() : (this.sn(), {
+                return this.getRenderer().ready ? this.in() : (this.an(), {
                     tiles: null
                 });
             }
-            rn() {
+            in() {
                 const t = this.getMap(), e = t.cameraPosition;
                 let r, s;
-                if (t.getGLZoom) s = t.pointToDistance(e[2], 0, t.getGLZoom()), Ln.set(e[0], e[1]), 
-                r = t.pointToCoord(Ln, t.getGLZoom()); else {
+                if (t.getGLZoom) s = t.pointToDistance(e[2], 0, t.getGLZoom()), Pn.set(e[0], e[1]), 
+                r = t.pointToCoord(Pn, t.getGLZoom()); else {
                     const n = t.getGLRes();
-                    s = t.pointAtResToDistance(e[2], 0, n), Ln.set(e[0], e[1]), r = t.pointAtResToCoord(Ln, n);
+                    s = t.pointAtResToDistance(e[2], 0, n), Pn.set(e[0], e[1]), r = t.pointAtResToCoord(Pn, n);
                 }
-                this.in = this.in || [], n.vec3.set(this.in, b(r.x), b(r.y), s), this.an = Kt(this.an || [], this.in[0], this.in[1], this.in[2]), 
-                this.cn = 2 * Math.tan(.5 * b(t.getFov())), this.hn = xn.project(r).toArray();
+                this.cn = this.cn || [], n.vec3.set(this.cn, b(r.x), b(r.y), s), this.hn = Kt(this.hn || [], this.cn[0], this.cn[1], this.cn[2]), 
+                this.un = 2 * Math.tan(.5 * b(t.getFov())), this.ln = Sn.project(r).toArray();
                 const i = t.projViewMatrix, o = {
                     children: [],
                     level: -1
                 };
                 let a = o;
                 const c = {};
-                for (let t = 0; t < this.en.length; t++) {
+                for (let t = 0; t < this.rn.length; t++) {
                     let e = 1 / 0;
-                    const n = [ this.en[t] ], r = this.un(t);
+                    const n = [ this.rn[t] ], r = this.dn(t);
                     for (;n.length > 0; ) {
                         const t = n.pop();
-                        for (this.ln(t); a.level >= t.Ge; ) a = a.parent;
-                        const s = this.dn(t, r, i);
+                        for (this.mn(t); a.level >= t.qe; ) a = a.parent;
+                        const s = this.yn(t, r, i);
                         if (s < 1) {
                             let n = a;
                             for (;n && !n.content; ) n = n.parent;
-                            0 === s && n && n.content && (t.mn = n, this.yn(c, n));
+                            0 === s && n && n.content && (t.bn = n, this.pn(c, n));
                             if (!1 === this.options.services[t.te].alwaysShow) continue;
-                            if (!(0 === s && t.Ge <= e)) continue;
-                            t.content && (e = t.Ge);
+                            if (!(0 === s && t.qe <= e)) continue;
+                            t.content && (e = t.qe);
                         }
-                        t.ce < 1 / 0 && this.bn(t);
-                        const o = this.qe(t, a);
+                        t.ce < 1 / 0 && this.wn(t);
+                        const o = this.Je(t, a);
                         a.children.push(o);
                         const h = t.children, u = h && h.length, f = o.content;
-                        if (!u && f && this.yn(c, o), u) {
-                            f && "add" === t.refine && this.yn(c, o), a = o;
+                        if (!u && f && this.pn(c, o), u) {
+                            f && "add" === t.refine && this.pn(c, o), a = o;
                             for (let e = 0, r = h.length; e < r; e++) {
                                 if (!h[e].parent) {
                                     h[e].parent = t, h[e].Te = t.Te, h[e].baseUrl = t.baseUrl;
@@ -5140,14 +5183,14 @@
                     tiles: c
                 };
             }
-            yn(t, e) {
+            pn(t, e) {
                 e.node.viewerRequestVolume && !function(t, e, n) {
                     if (n.region) {
                         const e = n.region;
                         if (t[0] >= e[0] && t[0] <= e[2] && t[1] >= e[1] && t[1] <= e[3]) return !0;
                     } else {
-                        if (n.sphere) return Cn(n, e);
-                        if (n.box) return 0 === Rn(n, e);
+                        if (n.sphere) return Un(n, e);
+                        if (n.box) return 0 === Cn(n, e);
                     }
                     return !1;
                 }
@@ -5155,51 +5198,51 @@
        * @maptalks/gl v0.65.0
        * LICENSE : UNLICENSED
        * (c) 2016-2022 maptalks.com
-       */ (this.in, this.an, e.node.viewerRequestVolume) || (t[e.node.id] = e);
+       */ (this.cn, this.hn, e.node.viewerRequestVolume) || (t[e.node.id] = e);
             }
-            qe(t, e) {
+            Je(t, e) {
                 return {
                     id: t.id,
                     node: t,
                     children: [],
-                    level: t.Ge,
+                    level: t.qe,
                     parent: e,
-                    content: this.He(t)
+                    content: this.$e(t)
                 };
             }
-            ln(t) {
+            mn(t) {
                 void 0 === t.id && (t.id = s.Util.GUID(), t.matrix = t.transform || n.mat4.identity([]), 
-                t.pn = this.wn(t), t.parent && (t.matrix = n.mat4.multiply(t.matrix, t.parent.matrix, t.matrix), 
-                t.te = t.parent.te, void 0 === t.Ge && (t.Ge = t.parent.Ge + 1), t.maxExtent = t.parent.maxExtent), 
+                t._n = this.gn(t), t.parent && (t.matrix = n.mat4.multiply(t.matrix, t.parent.matrix, t.matrix), 
+                t.te = t.parent.te, void 0 === t.qe && (t.qe = t.parent.qe + 1), t.maxExtent = t.parent.maxExtent), 
                 t.refine = t.refine && t.refine.toLowerCase() || "replace", t.content && !t.content.url && t.content.uri && (t.content.url = t.content.uri), 
-                this._n(t));
+                this.Tn(t));
             }
-            _n(t) {
+            Tn(t) {
                 const e = t.boundingVolume;
-                if (!e || e.nn) return;
+                if (!e || e.sn) return;
                 const r = this.options.services[t.te].heightOffset || 0, s = this.options.offset, i = y(s) || s[0] || s[1];
-                if (!t.boundingVolume || !r && n.mat4.exactEquals(t.matrix, Bn) && !i) return;
+                if (!t.boundingVolume || !r && n.mat4.exactEquals(t.matrix, Ln) && !i) return;
                 const {region: o, box: a, sphere: c} = e;
                 if (o) {
-                    const t = this.gn([ p(o[0]), p(o[1]) ]);
+                    const t = this.An([ p(o[0]), p(o[1]) ]);
                     o[0] = b(t.x), o[1] = b(t.y);
-                    const e = this.gn([ p(o[2]), p(o[3]) ]);
+                    const e = this.An([ p(o[2]), p(o[3]) ]);
                     o[2] = b(e.x), o[3] = b(e.y), o[4] += r, o[5] += r;
                 } else if (a || c) {
-                    const e = a || c, s = n.vec3.transformMat4(Nn, e, t.matrix), i = te(En, s), o = this.gn([ i[0], i[1] ]);
+                    const e = a || c, s = n.vec3.transformMat4(In, e, t.matrix), i = te(Nn, s), o = this.An([ i[0], i[1] ]);
                     i[0] = o.x, i[1] = o.y, i[2] += r, Kt(e, b(i[0]), b(i[1]), i[2]);
                 }
-                e.nn = !0;
+                e.sn = !0;
             }
-            wn(t) {
+            gn(t) {
                 return void 0 === t.geometricError || !t.boundingVolume;
             }
-            He(t) {
+            $e(t) {
                 return t.content && t.content.url;
             }
-            bn(t) {
+            wn(t) {
                 let e = t.parent;
-                for (;e && e.pn && !(e.ce <= t.ce && e.Ye <= t.Ye); ) e.ce = t.ce, e.Ye = t.Ye, 
+                for (;e && e._n && !(e.ce <= t.ce && e.tn <= t.tn); ) e.ce = t.ce, e.tn = t.tn, 
                 e = t.parent;
             }
             onTilesetLoad(t, e, r) {
@@ -5210,73 +5253,73 @@
                     m(e, t.root), e.refine = e.refine && e.refine.toLowerCase() || "replace", r && (e.boundingVolume = r);
                     const s = t.root.transform;
                     s && (e.parent ? e.matrix = n.mat4.multiply([], e.parent.matrix, s) : e.matrix = s), 
-                    this._n(e), e.children && e.children.length && (e.Tn = e.content, delete e.content, 
-                    t.root.content && (e.content = t.root.content)), e.pn = this.wn(e);
+                    this.Tn(e), e.On = e.content, delete e.content, t.root.content && (e.content = t.root.content), 
+                    e._n = this.gn(e);
                     const i = e.content && (e.content.url || e.content.uri);
                     i && e.content.uri && (e.content.url = e.content.uri, delete e.content.uri), i && !M(i) && -1 === i.indexOf("http://") && -1 === i.indexOf("https://") && (e.content.url = e.baseUrl + i);
                 }
-                this.sn(), this.fire("loadtileset", {
+                this.an(), this.fire("loadtileset", {
                     tileset: t,
                     index: e.te,
                     url: r
                 });
             }
-            dn(t, e, n) {
-                if (t.ce = 1 / 0, 0 === t.Ge || t.pn) return 1;
-                if (t.An = 1 / 0, !this.On(t, e, n)) return -1;
+            yn(t, e, n) {
+                if (t.ce = 1 / 0, 0 === t.qe || t._n) return 1;
+                if (t.vn = 1 / 0, !this.Mn(t, e, n)) return -1;
                 if (0 === t.geometricError) return 1;
                 let r = this.options.services[t.te].maximumScreenSpaceError;
                 null == r && (r = 8);
-                let s = this.vn(t);
-                return 0 === s && t.parent && (s = .5 * (t.parent.An || 0)), s >= r ? 1 : 0;
+                let s = this.Sn(t);
+                return 0 === s && t.parent && (s = .5 * (t.parent.vn || 0)), s >= r ? 1 : 0;
             }
             ye(t) {
                 const e = this.getMap();
                 return e.getGLZoom ? e.coordToPoint(t, e.getGLZoom()) : e.coordToPointAtRes(t, e.getGLRes());
             }
-            On(t, e, r) {
+            Mn(t, e, r) {
                 if (!this.getMap()) return !1;
                 const o = t.id;
-                let a = this.tn[o];
-                if (!t.boundingVolume) return !1;
-                if (!a && t.boundingVolume && !a) {
+                let a = this.nn[o];
+                const {boundingVolume: f} = t;
+                if (!f) return !1;
+                const {sphere: d, region: m, box: y} = f;
+                if (!a) {
                     let e, r, i;
-                    if (t.boundingVolume.region) {
-                        const n = t.boundingVolume.region;
-                        e = new s.Extent(p(n[0]), p(n[1]), p(n[2]), p(n[3]));
-                        const c = e.getCenter(), h = this.Mn(c);
-                        e = e.convertTo(t => this.ye(t)), i = n[4], r = n[5], a = this.tn[o] = [ [ e.xmin, e.ymin, i * h ], [ e.xmax, e.ymax, r * h ] ], 
-                        a.center = c;
-                    } else if (t.boundingVolume.sphere) {
-                        const e = t.boundingVolume.sphere, n = te([], e), r = new s.Coordinate(n), i = this.ye(r).toArray(), c = this.Mn(r);
-                        i.push(n[2] * c[2]), a = this.tn[o] = [ i, e[3] * c ], a.center = new s.Coordinate(n);
-                    } else if (t.boundingVolume.box) {
-                        const e = t.boundingVolume.box, r = te([], e), i = new s.Coordinate(r), c = this.ye(i).toArray(), h = this.Mn(i);
-                        c.push(r[2] * h[2]);
-                        const u = e.slice(3);
-                        n.mat4.exactEquals(t.matrix, Bn) || n.mat3.multiply(u, n.mat3.fromMat4([], t.matrix), u);
-                        for (let t = 0; t < u.length; t++) u[t] *= h[t % 3], e[3 + t] = u[t];
-                        a = this.tn[o] = [ ...c, ...u ], a.center = new s.Coordinate(r);
+                    if (m) {
+                        e = new s.Extent(p(m[0]), p(m[1]), p(m[2]), p(m[3]));
+                        const t = e.getCenter(), n = this.xn(t);
+                        e = e.convertTo(t => this.ye(t)), i = m[4], r = m[5], a = this.nn[o] = [ [ e.xmin, e.ymin, i * n[2] ], [ e.xmax, e.ymax, r * n[2] ] ], 
+                        a.center = t;
+                    } else if (d) {
+                        const t = te([], d), e = new s.Coordinate(t), n = this.ye(e).toArray(), r = this.xn(e);
+                        n.push(t[2] * r[2]), a = this.nn[o] = [ n, d[3] * r[2] ], a.center = new s.Coordinate(t);
+                    } else if (y) {
+                        const e = te([], y), r = new s.Coordinate(e), i = this.ye(r).toArray(), c = this.xn(r);
+                        i.push(e[2] * c[2]);
+                        const h = y.slice(3);
+                        n.mat4.exactEquals(t.matrix, Ln) || n.mat3.multiply(h, n.mat3.fromMat4([], t.matrix), h);
+                        for (let t = 0; t < h.length; t++) h[t] *= c[t % 3], y[3 + t] = h[t];
+                        a = this.nn[o] = [ ...i, ...h ], a.center = new s.Coordinate(e);
                     }
                 }
                 if (e) {
-                    if (t.boundingVolume.region) In.xmin = a[0][0], In.ymin = a[0][1], In.xmax = a[1][0], 
-                    In.ymax = a[1][1]; else if (t.boundingVolume.sphere) {
+                    if (m) xn.xmin = a[0][0], xn.ymin = a[0][1], xn.xmax = a[1][0], xn.ymax = a[1][1]; else if (d) {
                         const t = a[2];
-                        In.xmin = a[0][0] - t, In.ymin = a[0][1] - t, In.xmax = a[0][0] + t, In.ymax = a[0][1] + t;
-                    } else if (t.boundingVolume.box) {
+                        xn.xmin = a[0][0] - t, xn.ymin = a[0][1] - t, xn.xmax = a[0][0] + t, xn.ymax = a[0][1] + t;
+                    } else if (y) {
                         const t = a[1], e = a[2];
-                        In.xmin = a[0][0] - t, In.ymin = a[0][1] - e, In.xmax = a[0][0] + t, In.ymax = a[0][1] + e;
+                        xn.xmin = a[0][0] - t, xn.ymin = a[0][1] - e, xn.xmax = a[0][0] + t, xn.ymax = a[0][1] + e;
                     }
-                    if (!e.intersects(In)) return !1;
+                    if (!e.intersects(xn)) return !1;
                 }
-                return t.boundingVolume.region ? c(r, a) : t.boundingVolume.sphere ? function(t, e, n) {
+                return m ? c(r, a) : d ? function(t, e, n) {
                     u(t);
                     for (var r = e[0], s = -e[1], o = 0; o < 6; o++) {
                         if (!n || "0" !== n.charAt(o)) if (l(i[o], r) < s) return !1;
                     }
                     return !0;
-                }(r, a) : !!t.boundingVolume.box && function(t, e, n) {
+                }(r, a) : !!y && function(t, e, n) {
                     u(t);
                     for (var r = 0; r < 6; r++) {
                         if (!n || "0" !== n.charAt(r)) if (!h(i[r], e)) return !1;
@@ -5284,11 +5327,11 @@
                     return !0;
                 }(r, a);
             }
-            Mn(t) {
+            xn(t) {
                 const e = this.getMap(), r = e.distanceToPointAtRes(100, 100, e.getGLRes(), t);
-                return n.vec3.set(Pn, r.x / 100 * 1.01, r.y / 100 * 1.01, r.y / 100), Pn;
+                return n.vec3.set(En, r.x / 100 * 1.01, r.y / 100 * 1.01, r.y / 100), En;
             }
-            gn(t) {
+            An(t) {
                 Array.isArray(t) && (t = new s.Coordinate(t));
                 let e = this.options.offset;
                 if (y(e) && (e = e(Array.isArray(t) ? new s.Coordinate(t) : t)), e[0] || e[1]) {
@@ -5297,64 +5340,64 @@
                 }
                 return t;
             }
-            un(t) {
+            dn(t) {
                 const e = this.options.services[t].maxExtent;
                 if (!e) return null;
-                const n = this.en[t];
+                const n = this.rn[t];
                 return n.maxExtent || (n.maxExtent = new s.Extent(e).convertTo(t => this.ye(t))), 
                 n.maxExtent;
             }
-            vn(t) {
-                const e = this.cn, r = t.geometricError;
+            Sn(t) {
+                const e = this.un, r = t.geometricError;
                 if (0 === r) return 0;
                 const s = this.getMap();
                 let i, o;
                 if (t.boundingVolume.region) {
-                    const e = this.tn[t.id].center, r = (s.getGLZoom ? s.distanceToPoint(100, 0, s.getGLZoom(), e) : s.distanceToPointAtRes(100, 0, s.getGLRes(), e)).x / 100;
+                    const e = this.nn[t.id].center, r = (s.getGLZoom ? s.distanceToPoint(100, 0, s.getGLZoom(), e) : s.distanceToPointAtRes(100, 0, s.getGLRes(), e)).x / 100;
                     i = function(t, e, n, r) {
                         const s = t.boundingVolume.region;
-                        let i = t.Sn;
-                        i || (i = t.Sn = [ kn(s[0], s[1]), kn(s[0], s[3]), kn(s[2], s[1]), kn(s[2], s[3]), kn(s[0], s[1]), kn(s[0], s[3]), kn(s[2], s[1]), kn(s[2], s[3]) ], 
-                        t.xn = [ Math.min.apply(Math, i.map(t => t[0])), Math.min.apply(Math, i.map(t => t[1])) ], 
-                        t.In = [ Math.max.apply(Math, i.map(t => t[0])), Math.max.apply(Math, i.map(t => t[1])) ]);
+                        let i = t.In;
+                        i || (i = t.In = [ Dn(s[0], s[1]), Dn(s[0], s[3]), Dn(s[2], s[1]), Dn(s[2], s[3]), Dn(s[0], s[1]), Dn(s[0], s[3]), Dn(s[2], s[1]), Dn(s[2], s[3]) ], 
+                        t.Nn = [ Math.min.apply(Math, i.map(t => t[0])), Math.min.apply(Math, i.map(t => t[1])) ], 
+                        t.En = [ Math.max.apply(Math, i.map(t => t[0])), Math.max.apply(Math, i.map(t => t[1])) ]);
                         if (n[0] >= s[0] && n[0] <= s[2] && n[1] >= s[1] && n[1] <= s[3]) return n[2] <= s[5] ? 0 : n[2] - s[5];
-                        const o = (a = t.xn, c = t.In, h = e, u = Math.max(a[0] - h[0], 0, h[0] - c[0]), 
+                        const o = (a = t.Nn, c = t.En, h = e, u = Math.max(a[0] - h[0], 0, h[0] - c[0]), 
                         f = Math.max(a[1] - h[1], 0, h[1] - c[1]), Math.sqrt(u * u + f * f) / r);
                         var a, c, h, u, f;
                         let l = 0;
                         n[2] > s[5] && (l = n[2] - s[5]);
                         return Math.sqrt(o * o + l * l);
-                    }(t, this.hn, this.in, r), o = function(t, e) {
-                        const r = t.boundingVolume.region, s = Kt(Fn, r[0], r[1], r[4]), i = Kt(Dn, r[2], r[3], r[5]), o = n.vec3.scale(s, n.vec3.add(s, s, i), .5);
+                    }(t, this.ln, this.cn, r), o = function(t, e) {
+                        const r = t.boundingVolume.region, s = Kt(Rn, r[0], r[1], r[4]), i = Kt(Fn, r[2], r[3], r[5]), o = n.vec3.scale(s, n.vec3.add(s, s, i), .5);
                         return n.vec3.dist(o, e);
-                    }(t, this.an);
-                } else t.boundingVolume.sphere ? (i = Cn(t.boundingVolume, this.an), o = function(t, e) {
+                    }(t, this.hn);
+                } else t.boundingVolume.sphere ? (i = Un(t.boundingVolume, this.hn), o = function(t, e) {
                     const r = t.boundingVolume.sphere;
                     return n.vec3.dist(r, e);
-                }(t, this.an)) : t.boundingVolume.box && (i = Rn(t.boundingVolume, this.an), o = function(t, e) {
+                }(t, this.hn)) : t.boundingVolume.box && (i = Cn(t.boundingVolume, this.hn), o = function(t, e) {
                     const r = t.boundingVolume.box;
                     return n.vec3.dist(r, e);
-                }(t, this.an));
+                }(t, this.hn));
                 const a = Math.max(Math.abs(i), 1e-7), c = r * s.height / (a * e);
-                return t.ce = i, t.Ye = o, t.An = c, c;
+                return t.ce = i, t.tn = o, t.vn = c, c;
             }
-            sn() {
+            an() {
                 const t = this.getRenderer();
                 t && t.setToRedraw();
             }
             Me(t) {
-                return this.tn[t];
+                return this.nn[t];
             }
         }
-        function Cn(t, e) {
+        function Un(t, e) {
             const r = t.sphere, s = n.vec3.dist(r, e), i = t.sphere[3];
             return s < i ? 0 : s - i;
         }
-        function Rn(t, e) {
+        function Cn(t, e) {
             const n = t.box;
-            return Tn(n.slice(0, 3), n.slice(3), e);
+            return gn(n.slice(0, 3), n.slice(3), e);
         }
-        Un.mergeOptions({
+        Bn.mergeOptions({
             "maxGPUMemory": 512,
             "retireInterval": 2e3,
             "loadingLimitOnInteracting": 5,
@@ -5365,39 +5408,40 @@
             "forceRenderOnMoving": !0,
             "debug": !1,
             "debugOutline": [ 0, 1, 0 ],
+            "meshLimitPerFrame": 1,
             "antialias": !1,
             "sRGBTolinear": !1,
             "optionalExtensions": [ "ANGLE_instanced_arrays", "OES_element_index_uint", "OES_standard_derivatives", "OES_vertex_array_object", "OES_texture_half_float", "OES_texture_half_float_linear", "OES_texture_float", "OES_texture_float_linear", "WEBGL_depth_texture", "EXT_shader_texture_lod", "WEBGL_compressed_texture_astc", "WEBGL_compressed_texture_etc", "WEBGL_compressed_texture_etc1", "WEBGL_compressed_texture_pvrtc", "WEBGL_compressed_texture_s3tc", "WEBGL_compressed_texture_s3tc_srgb" ],
             "offset": [ 0, 0 ]
-        }), Un.registerRenderer("gl", pn);
-        const Fn = [], Dn = [];
-        function kn(t, e) {
+        }), Bn.registerRenderer("gl", pn);
+        const Rn = [], Fn = [];
+        function Dn(t, e) {
             const n = new s.Coordinate(p(t), p(e));
-            return xn.project(n).toArray();
+            return Sn.project(n).toArray();
         }
-        const zn = function() {
+        const kn = function() {
             if ("undefined" != typeof self) return self;
             if ("undefined" != typeof window) return window;
             if ("undefined" != typeof global) return global;
             throw new Error("unable to locate global object");
-        }, jn = zn(), Vn = jn.gl_trans__coders = jn.gl_trans__coders || {};
-        Vn.inject = function(t) {
-            const e = t.toString(), n = e.indexOf("{") + 1, r = e.substring(0, n), s = jn.gl_trans__coders = jn.gl_trans__coders || {};
-            let i = `${r}\n    const _____getGlobal = ${zn.toString()};\n    const g___lobals = _____getGlobal()\n    const tran_____scoders = g___lobals['gl_trans__coders'] = g___lobals['gl_trans__coders'] || {};`;
+        }, zn = kn(), jn = zn.gl_trans__coders = zn.gl_trans__coders || {};
+        jn.inject = function(t) {
+            const e = t.toString(), n = e.indexOf("{") + 1, r = e.substring(0, n), s = zn.gl_trans__coders = zn.gl_trans__coders || {};
+            let i = `${r}\n    const _____getGlobal = ${kn.toString()};\n    const g___lobals = _____getGlobal()\n    const tran_____scoders = g___lobals['gl_trans__coders'] = g___lobals['gl_trans__coders'] || {};`;
             for (const t in s) "inject" !== t && "getTranscoder" !== t && "registerTranscoder" !== t && (i += 'tran_____scoders["' + t + '"] =' + s[t].toString() + "\n;");
             return i += "\n" + e.substring(r.length), i;
-        }, Vn.registerTranscoder = function(t, e) {
-            Vn[t] = e;
-        }, Vn.getTranscoder = function(t) {
-            return Vn[t];
+        }, jn.registerTranscoder = function(t, e) {
+            jn[t] = e;
+        }, jn.getTranscoder = function(t) {
+            return jn[t];
         };
-        class Gn {
+        class Vn {
             constructor(t, e, n) {
                 this.i = t, this.Y = e || Pt, this.o = n, this.tt = {
-                    "image/crn": Vn.crn && Vn.crn(),
-                    "image/ktx2": Vn.ktx2 && Vn.ktx2(),
-                    "image/cttf": Vn.ktx2 && Vn.ktx2(),
-                    "draco": Vn.draco && Vn.draco()
+                    "image/crn": jn.crn && jn.crn(),
+                    "image/ktx2": jn.ktx2 && jn.ktx2(),
+                    "image/cttf": jn.ktx2 && jn.ktx2(),
+                    "draco": jn.draco && jn.draco()
                 };
             }
             static createEmptyB3DM() {
@@ -5486,13 +5530,13 @@
                 return null;
             }
         }
-        class Hn {
+        class Gn {
             constructor(t, e, n) {
                 this.i = t, this.Y = e || Pt, this.o = n, this.tt = {
-                    "image/crn": Vn.crn && Vn.crn(),
-                    "image/ktx2": Vn.ktx2 && Vn.ktx2(),
-                    "image/cttf": Vn.ktx2 && Vn.ktx2(),
-                    "draco": Vn.draco && Vn.draco()
+                    "image/crn": jn.crn && jn.crn(),
+                    "image/ktx2": jn.ktx2 && jn.ktx2(),
+                    "image/cttf": jn.ktx2 && jn.ktx2(),
+                    "draco": jn.draco && jn.draco()
                 };
             }
             load(t, e, n = 0, r = 0) {
@@ -5663,7 +5707,7 @@
             }
             ct(t) {
                 const e = t.length / 2, n = new Float32Array(3 * e), r = [];
-                for (let s = 0; s < e; s++) qn(r, t[2 * s], t[2 * s + 1], 65535), n[3 * s] = r[0], 
+                for (let s = 0; s < e; s++) Hn(r, t[2 * s], t[2 * s + 1], 65535), n[3 * s] = r[0], 
                 n[3 * s + 1] = r[1], n[3 * s + 2] = r[2];
                 return n;
             }
@@ -5674,15 +5718,15 @@
                 return null;
             }
         }
-        function qn(t, e, n, r) {
-            if (t[0] = $n(e, r), t[1] = $n(n, r), t[2] = 1 - (Math.abs(t[0]) + Math.abs(t[1])), 
+        function Hn(t, e, n, r) {
+            if (t[0] = qn(e, r), t[1] = qn(n, r), t[2] = 1 - (Math.abs(t[0]) + Math.abs(t[1])), 
             t[2] < 0) {
                 const e = t[0];
-                t[0] = (1 - Math.abs(t[1])) * Jn(e), t[1] = (1 - Math.abs(e)) * Jn(t[1]);
+                t[0] = (1 - Math.abs(t[1])) * $n(e), t[1] = (1 - Math.abs(e)) * $n(t[1]);
             }
             return D(t, t);
         }
-        function $n(t, e) {
+        function qn(t, e) {
             return function(t, e, n) {
                 return t < e ? e : t > n ? n : t;
             }(t, 0, e = function(t, e) {
@@ -5690,10 +5734,10 @@
                 return e;
             }(e, 255)) / e * 2 - 1;
         }
-        function Jn(t) {
+        function $n(t) {
             return t < 0 ? -1 : 1;
         }
-        class Kn {
+        class Jn {
             constructor() {}
             load(t, e, n = 0, r = 0) {
                 return e ? (r || (r = e.byteLength), this.et(t, e, n, r)) : ft.getArrayBuffer(t, {}).then(e => {
@@ -5734,7 +5778,7 @@
                         attributes: y.properties,
                         useUniqueIDs: !1
                     };
-                    return this.ut || (this.ut = Vn.draco()), this.ut(m, e).then(e => {
+                    return this.ut || (this.ut = jn.draco()), this.ut(m, e).then(e => {
                         const n = e.attributes;
                         !a.POSITION && !a.POSITION_QUANTIZED || n.POSITION || n.POSITION_QUANTIZED || (n.POSITION = a.POSITION, 
                         n.POSITION_QUANTIZED = a.POSITION_QUANTIZED), !(a.RGB || a.RGBA || a.RGB565) || n.RGB || n.RGBA || n.RGB565 || (n.RGB = a.RGB, 
@@ -5752,7 +5796,7 @@
                                 array: t
                             }, o.push(t.buffer);
                         } else if (a.BATCH_ID || Object.keys(h).length) {
-                            a.BATCH_ID ? r.BATCH_ID = de(a.BATCH_ID, t, c.offset, d) : r.BATCH_ID = Xn(d);
+                            a.BATCH_ID ? r.BATCH_ID = de(a.BATCH_ID, t, c.offset, d) : r.BATCH_ID = Kn(d);
                             const e = r.BATCH_ID.array && r.BATCH_ID.array.buffer;
                             e && o.indexOf(e) < 0 && o.push(e);
                         }
@@ -5768,7 +5812,7 @@
                 }
                 const b = this.ft(t, a, c.offset, d, o, f, l);
                 if (a.BATCH_ID || Object.keys(h).length) {
-                    a.BATCH_ID ? b.BATCH_ID = de(a.BATCH_ID, t, c.offset, d) : b.BATCH_ID = Xn(d);
+                    a.BATCH_ID ? b.BATCH_ID = de(a.BATCH_ID, t, c.offset, d) : b.BATCH_ID = Kn(d);
                     const e = b.BATCH_ID.array && b.BATCH_ID.array.buffer;
                     e && o.indexOf(e) < 0 && o.push(e);
                 }
@@ -5903,7 +5947,7 @@
                 return null;
             }
         }
-        function Xn(t) {
+        function Kn(t) {
             const e = v(t), n = new e(t);
             for (let e = 0; e < t; e++) n[e] = e;
             return {
@@ -5915,7 +5959,7 @@
                 array: n
             };
         }
-        class Wn {
+        class Xn {
             constructor(t, e) {
                 this.i = t, this.Y = e || Pt;
             }
@@ -5930,12 +5974,12 @@
                 const s = this.lt(e, t, n, r), i = [];
                 for (let n = 0; n < s.length; n++) {
                     let r;
-                    if ("b3dm" === s[n].magic) r = new Gn(this.i, this.Y); else if ("i3dm" === s[n].magic) r = new Hn(this.i, this.Y); else if ("pnts" === s[n].magic) r = new Kn; else {
+                    if ("b3dm" === s[n].magic) r = new Vn(this.i, this.Y); else if ("i3dm" === s[n].magic) r = new Gn(this.i, this.Y); else if ("pnts" === s[n].magic) r = new Jn; else {
                         if ("cmpt" !== s[n].magic) {
                             console.warn("Unsupported magic in CMPT tile:", s[n].magic);
                             continue;
                         }
-                        r = new Wn(this.i, this.Y);
+                        r = new Xn(this.i, this.Y);
                     }
                     i.push(r.load(t, e, s[n].offset, s[n].byteLength).then(t => t));
                 }
@@ -5967,9 +6011,9 @@
                 return o;
             }
         }
-        t.B3DMLoader = Gn, t.CMPTLoader = Wn, t.Geo3DTilesLayer = Un, t.Geo3DTilesUtil = x, 
+        t.B3DMLoader = Vn, t.CMPTLoader = Xn, t.Geo3DTilesLayer = Bn, t.Geo3DTilesUtil = x, 
         t.Geo3DTransform = oe, Object.defineProperty(t, "t", {
             value: !0
         });
-    })), i.Map.VERSION, o.GroupGLLayer.VERSION, "undefined" != typeof console && console.log("@maptalks/3dtiles v0.12.4");
+    })), i.Map.VERSION, o.GroupGLLayer.VERSION, "undefined" != typeof console && console.log("@maptalks/3dtiles v0.12.5");
 }));