360°全景影像优化建议

传送门 ☞ 轮子的专栏 ☞ 转载请注明 ☞ http://blog.csdn.net/leverage_1229

1FlexViewer

1.1index.mxml

            它是整个Flex Viewer框架的入口,Flash Player运行时会调用该文件所对应的flash文件来启动整个系统。Index首页加载缓慢,该页面包含大量动态组件,在其加载过程中,这些组件都要经历构建、属性处理、测量、布置和绘制等过程。
建议:
能否提取其中相对静态或变化频率较低的组件直接使用读取xml或文本配置文件方式进行加载。也就是我们常说的CMS模式。

1.2QuanJingMapComponent.mxml

代码片段

_TextureStrings = new Array(new Vector.<String>,new Vector.<String>);
 // 一级切片
for(var i:int=0;i<8;i++)
 {
  var str:String = url + "_"+ i.toString();
  _TextureStrings[0].push(str);
 }
 // 二级切片
 for(i = 0;i<32;i++)
 {
  var str2:String = url + "_"+ i.toString();
  _TextureStrings[1].push(str2);
 }
 // 将来有三级切片,那么代码会像下面这样
 for(i = 0;i<128;i++)
 {
  var str3:String = url + "_"+ i.toString();
  _TextureStrings[2].push(str3);
 }

        目前程序中使用的切片等级有两级,我们以一张全景图像的切片为例,名为TextureStrings的二维数组在存储数据时,会将该图像一级切片的八张图片的名称放置于二维数组的第一行(该行8列),将该图像二级切片的名称放置于二维数组的第二行(该行32列)。第二行前面的8列与第一行8列的数据完全相同。如果扩展到三级切片,那么二维数组的第三行(该行128列)与第二行32列的数据也将是重复的。 TextureStrings这个二维数组用于存放各级切片的图片名称,目前这种做法数据冗余较高,且在onChangeImage函数和onOpenQuanJing函数都会执行。
建议:
(1)能否使用API提供的静态方法,对Array数据进行直接拷贝操作代替当前的For循环。
(2)增加切片级别标示,根据此标示动态使用TextureStrings存储以减少For循环次数。
(3)点击全景影像的交互点(方向箭头)实现全景影像与底层地图的联动,目前延迟时间较长,能否在Load()☞onLoadImage()☞onLoadComp()☞Load()这一基于Complete消息驱动的循环流程中增加线程,进行线程池化管理,以提升全景图像切片的绘制速率。

2WebService

代码片段

string strSQL = @"SELECT SLICE_ID ,SLICE_NAME ,PIC_ID ,ALPHA_MAX ,ALPHA_MIN ,BETA_MAX ,BETA_MIN ,Z_MAX ,Z_MIN ,SLICE_CONTENT FROM PIC_SLICE_" + strTableKey + " where SLICE_ID = '" + strID + "'";…
// 获取影像源数据
imageData = (byte[])dt.Rows[0]["SLICE_CONTENT"];
Response.ContentType = "application/binary;";
// 将影像源数据写入到客户端FlexViewer
Response.BinaryWrite(imageData);
…

            当前WebServices接收客户端请求传递而来的tableKey和sliceId,然后根据这两个参数检索Oracle数据库中全景影像切片PIC_SLICE_1(PIC_SLICE_2、PIC_SLICE_3)表中全部字段,最终将SLICE_CONTENT字段对应的Blob类型的影像数据以二进制的方式返回给客户端实现绘制。
建议:
(1)返回给客户端的数据只是SLICE_CONTENT字段对应的数据,所以没有必要检索切片表中所有字段。
(2)能否为此端增设缓存磁盘系统。采用LRU算法,以减少该构件与数据库的交互次数。
(3)WebServices与Flex Viewer使用Http协议连接,有没有考虑到连接超时、请求超时等连接设置因素所导致的客户端页面假死现象。
(4)能否使用遵循.net平台规范的rest服务框架为底层来构建此WebService。因为在传递大数据或海量数据时,过于基础的技术所构建的服务往往不能有效支撑特殊场景业务数据。

3数据库

        当数据量大时,引入ASM(Automatic Storage Management,自动存储服务)机制管理全景影像数据和POI数据。

©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页