mirror of https://gitee.com/antv-l7/antv-l7
style: code style
This commit is contained in:
2912401452
parent
06b4933ecc
commit
aafa14dc69
|
|
@ -21,125 +21,125 @@ export default class PointTest extends React.Component {
|
|||
}),
|
||||
});
|
||||
|
||||
// @ts-ignore
|
||||
var Stats = function() {
|
||||
function h(a) {
|
||||
c.appendChild(a.dom);
|
||||
return a;
|
||||
}
|
||||
function k(a) {
|
||||
for (var d = 0; d < c.children.length; d++)
|
||||
// @ts-ignore
|
||||
c.children[d].style.display = d === a ? 'block' : 'none';
|
||||
l = a;
|
||||
}
|
||||
var l = 0,
|
||||
c = document.createElement('div');
|
||||
c.style.cssText =
|
||||
'position:fixed;top:0;left:0;cursor:pointer;opacity:0.9;z-index:10000';
|
||||
c.addEventListener(
|
||||
'click',
|
||||
function(a) {
|
||||
a.preventDefault();
|
||||
k(++l % c.children.length);
|
||||
},
|
||||
!1,
|
||||
);
|
||||
var g = (performance || Date).now(),
|
||||
e = g,
|
||||
a = 0,
|
||||
// @ts-ignore
|
||||
r = h(new Stats.Panel('FPS', '#0ff', '#002')),
|
||||
// @ts-ignore
|
||||
f = h(new Stats.Panel('MS', '#0f0', '#020'));
|
||||
// @ts-ignore
|
||||
if (self.performance && self.performance.memory)
|
||||
// @ts-ignore
|
||||
var t = h(new Stats.Panel('MB', '#f08', '#201'));
|
||||
k(0);
|
||||
return {
|
||||
REVISION: 16,
|
||||
dom: c,
|
||||
addPanel: h,
|
||||
showPanel: k,
|
||||
begin: function() {
|
||||
g = (performance || Date).now();
|
||||
},
|
||||
end: function() {
|
||||
a++;
|
||||
var c = (performance || Date).now();
|
||||
f.update(c - g, 200);
|
||||
// @ts-ignore
|
||||
if (
|
||||
c > e + 1e3 &&
|
||||
(r.update((1e3 * a) / (c - e), 100), (e = c), (a = 0), t)
|
||||
) {
|
||||
// @ts-ignore
|
||||
var d = performance.memory;
|
||||
t.update(d.usedJSHeapSize / 1048576, d.jsHeapSizeLimit / 1048576);
|
||||
}
|
||||
return c;
|
||||
},
|
||||
update: function() {
|
||||
g = this.end();
|
||||
},
|
||||
domElement: c,
|
||||
setMode: k,
|
||||
};
|
||||
};
|
||||
// @ts-ignore
|
||||
Stats.Panel = function(h, k, l) {
|
||||
var c = Infinity,
|
||||
g = 0,
|
||||
e = Math.round,
|
||||
a = e(window.devicePixelRatio || 1),
|
||||
r = 80 * a,
|
||||
f = 48 * a,
|
||||
t = 3 * a,
|
||||
u = 2 * a,
|
||||
d = 3 * a,
|
||||
m = 15 * a,
|
||||
n = 74 * a,
|
||||
p = 30 * a,
|
||||
q = document.createElement('canvas');
|
||||
q.width = r;
|
||||
q.height = f;
|
||||
q.style.cssText = 'width:80px;height:48px';
|
||||
var b = q.getContext('2d');
|
||||
b.font = 'bold ' + 9 * a + 'px Helvetica,Arial,sans-serif';
|
||||
b.textBaseline = 'top';
|
||||
b.fillStyle = l;
|
||||
b.fillRect(0, 0, r, f);
|
||||
b.fillStyle = k;
|
||||
b.fillText(h, t, u);
|
||||
b.fillRect(d, m, n, p);
|
||||
b.fillStyle = l;
|
||||
b.globalAlpha = 0.9;
|
||||
b.fillRect(d, m, n, p);
|
||||
// @ts-ignore
|
||||
return {
|
||||
dom: q,
|
||||
update: function(f, v) {
|
||||
c = Math.min(c, f);
|
||||
g = Math.max(g, f);
|
||||
b.fillStyle = l;
|
||||
b.globalAlpha = 1;
|
||||
b.fillRect(0, 0, r, m);
|
||||
b.fillStyle = k;
|
||||
b.fillText(e(f) + ' ' + h + ' (' + e(c) + '-' + e(g) + ')', t, u);
|
||||
// @ts-ignore
|
||||
b.drawImage(q, d + a, m, n - a, p, d, m, n - a, p);
|
||||
b.fillRect(d + n - a, m, a, p);
|
||||
b.fillStyle = l;
|
||||
b.globalAlpha = 0.9;
|
||||
b.fillRect(d + n - a, m, a, e((1 - f / v) * p));
|
||||
},
|
||||
};
|
||||
};
|
||||
'object' === typeof module && (module.exports = Stats);
|
||||
// @ts-ignore
|
||||
var stats = new Stats();
|
||||
document.body.appendChild(stats.dom);
|
||||
// // @ts-ignore
|
||||
// var Stats = function() {
|
||||
// function h(a) {
|
||||
// c.appendChild(a.dom);
|
||||
// return a;
|
||||
// }
|
||||
// function k(a) {
|
||||
// for (var d = 0; d < c.children.length; d++)
|
||||
// // @ts-ignore
|
||||
// c.children[d].style.display = d === a ? 'block' : 'none';
|
||||
// l = a;
|
||||
// }
|
||||
// var l = 0,
|
||||
// c = document.createElement('div');
|
||||
// c.style.cssText =
|
||||
// 'position:fixed;top:0;left:0;cursor:pointer;opacity:0.9;z-index:10000';
|
||||
// c.addEventListener(
|
||||
// 'click',
|
||||
// function(a) {
|
||||
// a.preventDefault();
|
||||
// k(++l % c.children.length);
|
||||
// },
|
||||
// !1,
|
||||
// );
|
||||
// var g = (performance || Date).now(),
|
||||
// e = g,
|
||||
// a = 0,
|
||||
// // @ts-ignore
|
||||
// r = h(new Stats.Panel('FPS', '#0ff', '#002')),
|
||||
// // @ts-ignore
|
||||
// f = h(new Stats.Panel('MS', '#0f0', '#020'));
|
||||
// // @ts-ignore
|
||||
// if (self.performance && self.performance.memory)
|
||||
// // @ts-ignore
|
||||
// var t = h(new Stats.Panel('MB', '#f08', '#201'));
|
||||
// k(0);
|
||||
// return {
|
||||
// REVISION: 16,
|
||||
// dom: c,
|
||||
// addPanel: h,
|
||||
// showPanel: k,
|
||||
// begin: function() {
|
||||
// g = (performance || Date).now();
|
||||
// },
|
||||
// end: function() {
|
||||
// a++;
|
||||
// var c = (performance || Date).now();
|
||||
// f.update(c - g, 200);
|
||||
// // @ts-ignore
|
||||
// if (
|
||||
// c > e + 1e3 &&
|
||||
// (r.update((1e3 * a) / (c - e), 100), (e = c), (a = 0), t)
|
||||
// ) {
|
||||
// // @ts-ignore
|
||||
// var d = performance.memory;
|
||||
// t.update(d.usedJSHeapSize / 1048576, d.jsHeapSizeLimit / 1048576);
|
||||
// }
|
||||
// return c;
|
||||
// },
|
||||
// update: function() {
|
||||
// g = this.end();
|
||||
// },
|
||||
// domElement: c,
|
||||
// setMode: k,
|
||||
// };
|
||||
// };
|
||||
// // @ts-ignore
|
||||
// Stats.Panel = function(h, k, l) {
|
||||
// var c = Infinity,
|
||||
// g = 0,
|
||||
// e = Math.round,
|
||||
// a = e(window.devicePixelRatio || 1),
|
||||
// r = 80 * a,
|
||||
// f = 48 * a,
|
||||
// t = 3 * a,
|
||||
// u = 2 * a,
|
||||
// d = 3 * a,
|
||||
// m = 15 * a,
|
||||
// n = 74 * a,
|
||||
// p = 30 * a,
|
||||
// q = document.createElement('canvas');
|
||||
// q.width = r;
|
||||
// q.height = f;
|
||||
// q.style.cssText = 'width:80px;height:48px';
|
||||
// var b = q.getContext('2d');
|
||||
// b.font = 'bold ' + 9 * a + 'px Helvetica,Arial,sans-serif';
|
||||
// b.textBaseline = 'top';
|
||||
// b.fillStyle = l;
|
||||
// b.fillRect(0, 0, r, f);
|
||||
// b.fillStyle = k;
|
||||
// b.fillText(h, t, u);
|
||||
// b.fillRect(d, m, n, p);
|
||||
// b.fillStyle = l;
|
||||
// b.globalAlpha = 0.9;
|
||||
// b.fillRect(d, m, n, p);
|
||||
// // @ts-ignore
|
||||
// return {
|
||||
// dom: q,
|
||||
// update: function(f, v) {
|
||||
// c = Math.min(c, f);
|
||||
// g = Math.max(g, f);
|
||||
// b.fillStyle = l;
|
||||
// b.globalAlpha = 1;
|
||||
// b.fillRect(0, 0, r, m);
|
||||
// b.fillStyle = k;
|
||||
// b.fillText(e(f) + ' ' + h + ' (' + e(c) + '-' + e(g) + ')', t, u);
|
||||
// // @ts-ignore
|
||||
// b.drawImage(q, d + a, m, n - a, p, d, m, n - a, p);
|
||||
// b.fillRect(d + n - a, m, a, p);
|
||||
// b.fillStyle = l;
|
||||
// b.globalAlpha = 0.9;
|
||||
// b.fillRect(d + n - a, m, a, e((1 - f / v) * p));
|
||||
// },
|
||||
// };
|
||||
// };
|
||||
// 'object' === typeof module && (module.exports = Stats);
|
||||
// // @ts-ignore
|
||||
// var stats = new Stats();
|
||||
// document.body.appendChild(stats.dom);
|
||||
|
||||
// let address = 'https://gw.alipayobjects.com/os/bmw-prod/e76d89f4-aa69-4974-90b7-b236904a43b1.json' // 100
|
||||
// let address = 'https://gw.alipayobjects.com/os/bmw-prod/edc8219a-b095-4451-98e9-3e387e290087.json' // 10000
|
||||
|
|
@ -164,6 +164,7 @@ export default class PointTest extends React.Component {
|
|||
opacity: 1.0,
|
||||
})
|
||||
.select(true)
|
||||
// .animate(true)
|
||||
.active(true);
|
||||
|
||||
scene.on('loaded', () => {
|
||||
|
|
|
|||
Loading…
Reference in New Issue