街景引擎(fl/h5)街景盒子原理
2015-06-16 11:48:17 1 举报
街景引擎(fl/h5)街景盒子原理是基于WebGL技术的三维地图展示,它能够将二维地图数据转化为三维模型,实现真实感的街景效果。用户可以通过鼠标或触摸屏幕来控制视角和缩放比例,从而查看不同位置的建筑物、道路、公园等场景。同时,街景盒子还支持多种交互方式,如点击、拖拽等,让用户更加便捷地浏览地图信息。此外,街景盒子还可以与第三方应用程序进行集成,为用户提供更加丰富的功能和服务。总之,街景引擎(fl/h5)街景盒子原理是一项非常实用的技术,它能够帮助用户更好地了解和探索地理环境。
作者其他创作
大纲/内容
BoxLow/Middle/HighResolution
SuperPano.Modules.PanoBox.Face街景盒子面层
panoramaContainer.create()
anotherPanoramaContainer(PanoramaContainer)
panoramaContainer开始渐隐,渐隐完成后dispose()渐隐方法见RootContainer.panoFade()
SuperPano.Modules.PanoBox.Fragment街景盒子碎片
anotherPanoramaContainer.create()
RootContainer.nextPano()
RootContainer
一个panoBox包含一个previewBox三个mulitResBox分别为三层每个box包含六个面每个面包含若干fragmentpreviewBox和第一层Box,每个面包含一个fragment第二层Box每个面包含4个fragment第三层Box每个面包含16个fragment
类图
创建其余的三个boxboxLowResolution = new BoxMultiResolution();boxMiddleResolution = new BoxMultiResolution();boxHighResolution = new BoxMultiResolution();
Face.switchScene()
SuperPano.ThreeDContainer3d物体跟容器
BoxPreview
BoxMultiResolution
Fragment.switchScene()
PanoBox(h5)PanoramaContainer(flash)
SuperPano.Modules.PanoBox.PanoContainer街景盒子构造类
侦听previewLoaded事件
anotherPanoramaContainer开始渐隐,渐隐完成后dispose()渐隐方法见RootContainer.panoFade()
panoramaContainer(PanoramaContainer)
switchScene
隐藏加载图片
face
SuperPano.Modules.PanoBox.Box街景盒子盒子层
加载预览图
h5/flash街景盒子创建时序图
previewBox
html5街景盒子跳张时序图
flash街景盒子跳张时序图
Box.switchScene();
获取preview.jpg
加载完成后,显示自己
new Fragment()
new Front()new Back()等6个面
Fragment
SuperPano.Modules.PanoBox.FragmentCSS3D街景盒子碎片css3d
FacePreview
new PreviewBox()
previewLoaded
FaceMultiResolution
fragment
Face
0 条评论
下一页