arcgis 与 pixi.js 实现大数据量渲染 ( 二 )

对于pixi的容器选择 我最初选择的是PIXI 最常用的Container ,而且事件什么都好说 有pointdown 事件 pixi.js 能够支持点击事件

但是后面我发现 还有一个叫ParticleContainer 这个支持大数据量渲染 但是牺牲了很多东西 最多也就调整下位置 缩放之类的

但是带来的问题就是事件没有。。。。

首先我们先顶一下数据结构 其中renderer 就像arcgis 的symbol data 就是geometry集合

let option = {

renderer: {

type: "simple",

symbol: {

url: './static/images/排水户.svg',

scaleX: 1,

scaleY: 1,

}

},

data: [

{

geometry: [12697872.012783196, 2577456.5937789795],

attributes: {

name: "深圳"

}

},

{

geometry: [12956152.73135875, 4855356.473704897],

attributes: {

name: "北京"

}

},

]

};

我们构建ParticleContainer 构建sprite 添加到粒子容器

```

let data = this.options.data;

let view = this.mapView


const texture = new PIXI.Texture.from(this.options.renderer.symbol.url);

const sprites = new PIXI.ParticleContainer(this.options.renderer.symbol.maxSize, {

scale: true,

position: true,

});

 更多消息参考https://xiaozhuanlan.com/topic/0134968725

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容