360°全景影像数据流图和代码走读

最新推荐文章于 2021-12-27 22:43:19 发布

原创

最新推荐文章于 2021-12-27 22:43:19 发布 · 7.6k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#360 #panorama #flexviewer #webservice #away3d

本文详细介绍了360°全景影像数据流图的构建过程，从FlexViewer组件的Navigation.mxml开始，阐述了全景小人按钮的事件处理，通过ArcGIS Server获取数据。接着在index.mxml中，描述了QuanJingEvt.QUANJINGCHANGE事件的响应。在QuangJingMapComponent.mxml中，详细讲解了如何向WebService发送请求，加载并使用away3d绘制全景影像。最后，提到了QuanJingWebService的GetQuanJingSlices.aspx.cs文件在服务端的角色。

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

1数据流图

2FlexViewer

2.1Navigation.mxml

路径：src/widgets/Navigation/Navigation.mxml
全景小人按钮，当鼠标点击时回调ShowQuanJing函数。

<s:Button  id="QuanJing" mouseDown="ShowQuanJing()" …>

添加鼠标弹起事件的监听，获取该事件交由onGetQuanJing函数处理。

private function ShowQuanJing():void
{
 this.map.addEventListener(MouseEvent.MOUSE_UP, onGetQuanJing);
 …
}

private function onGetQuanJing(event:MouseEvent):void
{
 …
 doQuery(m_center);
}

从ArcGIS Server检索出地图FeatureSet，解析其属性分派给QuanJingEvt.QUANJINGCHANGE事件处理。