在vue框架,加载大量数据的geojson,导致页面出现断点并崩溃,

Cesium源码 · ddoonngg · 于 5年前 发布 · 6850 次阅读
var two = Cesium.GeoJsonDataSource.load('../../../static/country_one.json');
 two.then(function(dataSource) {
 console.log(dataSource)
 viewer.dataSources.add(dataSource);
 var entities = dataSource.entities.values;
 console.log(entities)
 let color = new Cesium.Color(6/255.0,37/255.0,75/255.0,255/255.0);
 let outlineColor = new Cesium.Color(12/255.0,71/255.0,143/255.0,255/255.0);
 for (let i = 0; i < entities.length; i++) {
 var entity = entities[i];
 entity.polygon.material = color;
 entity.polygon.outline = true;
 entity.polygon.outlineColor = outlineColor;
 entity.polygon.outlineWidth = 2;
 entity.polygon.height = 0;
 entity.polygon.extrudedHeight = 0;
 }
 });
 

怎么解决,目前找了很多方式,都没解决。

共收到 5 条回复
admin#15年前 0 个赞
  1. 请使用markdown排版编辑代码,具体方式可以从右侧小贴士获得。
  2. 如果不使用vue框架,加载大量geojson是否会崩?
  3. 请问硬件配置如何。
  4. 加载少量geojson是否会崩。
ddoonngg#25年前 0 个赞

加载大量geojson会崩溃,少量不会崩溃,

ddoonngg#35年前 0 个赞

@admin [#1楼](#comment1) 1.不用vue情况说明:加载大量geojson不会崩溃。

         2.用vue情况说明:加载少量geojson不会崩溃。绘制性能低

3.举个例子:6W+立方体相对比较:vue在500毫秒左右,js下50毫秒。 相差10倍

admin#45年前 0 个赞

@ddoonngg #3楼

3.举个例子:6W+立方体相对比较:vue在500毫秒左右,js下50毫秒。 相差10倍 请问这个50ms 是怎么测试出来的。

ddoonngg#55年前 0 个赞

@admin #4楼 开始绘制,和结束绘制的中间时间,但是打包后性能提升到与js相差无几,但是性能比较还是低,形同代码。

添加回复 (需要登录)
需要 登录 后方可回复, 如果你还没有账号请点击这里 注册
Your Site Analytics