网络地理信息服务开发技术-朱欣焰.

网络地理信息服务开发技术朱欣焰、佘冰第2页主要内容富客户端技术介绍基于Flash技术的社会经济空间信息服务平台构建HTML5技术及其在WebGIS中的应用第3页传统的富客户端技术Silverlight是微软所开发的Web前端应用程序开发解决方案，是微软富互联网应用策略的主要应用程序开发平台之一。Flash最初是作为一种二维矢量动画制作软件。后来被应用于互联网，现在已成为了最普及的RIA实现技术。JavaFX是SUN公司推出的RIA解决技术。由于需要运行与JVM之上，在目前的PC客户端上并不普及，在移动领域有着更好的前景。第4页FlashGIS应用第5页FlashGIS应用第6页HTML5HTML是超文本标记语言的英文缩写，这是一种标记语言，不需要进行编译，直接由浏览器执行。HTML5是互联网的下一代标准，是构建以及呈现互联网内容的一种语言方式，被认为是互联网的核心技术之一。不是一项新的技术，而是一组特性的集合已有的元素都不用改变升级容易第7页矢量地图——Cartagen第8页NokiaWebGLMaps第9页基于Flash技术的社会经济空间信息服务平台构建平台介绍及架构矢量绘制报表及专题图服务空间分析模块开发第10页问题和挑战问题:数据源的分离不同领域间信息的分离不同团体研究工作的分离挑战:数据共享(海量异源异构数据集的访问与互操作)数据分析方法的共享知识的共享第11页统计数据和GIS的集成空间数据涉及的领域：人口环境水文公共卫生历史区域经济……GISB-IDPOP10012000100230001003500010046000A-IDB-ID10012000100230001003500010046000B-IDTempreture10012000100230001003500010046000B-IDGDP10012000100230001003500010046000B-IDLand10012000100230001003500010046000政府统计数据人口调查数据经济调查数据境界地图街区地图城市地图属性数据第12页空间智能)())(()(2ninjijninjjiijwSxxxxwdI信息+方法+知识空间技术信息，方法与知识在空间技术支撑下的集成第13页ChinaGeo-Explorer目标:提供一个在线的数据集成与分析的平台利用新的方法促进多学科学习和应用促进知识共享特点:高效的空间及非空间数据集成快速精确的空间位置分析及评估识别空间模式和趋势省时、易用、格式化且可自定义的多种报表以及动态专题图及各种可视化图表第14页开发实例——ChinaGeo-Explorer第15页ChinaGeo-Explorer架构用户时序数据空间智能服务用户浏览器浏览器用户浏览器互联网……OracleSpatialPostGISArcSDE地图服务器地图服务器…………报表模板配置文件用户浏览器用户浏览器第16页多源数据集成客户端GeoGlobe用户SWF文件矢量数据库Web服务器数据服务器数据服务器矢量数据文件Mashup聚合提供影像瓦片服务提供栅格数据服务提供矢量数据服务GoogleMapOSM天地图第17页Flash矢量绘制GraphicsGraphics类不能实例化，但支持矢量绘制的其他类会自动生成Graphics实例，并可通过graphics属性对其进行访问。ShapeSpriteMovieClipObjectEventDispatcherDisplayObjectInteractiveObjectDisplayObjectContainerShapeSprite第18页空间分析模块1999-2008年选择集国内生产总值的相关性分析第19页主流矢量数据传输格式GMLGeoJSONGeoRSS第20页AMF格式AMF支持类型undefinenullfalsetrueintdoublestringxmldatearrayobjectxml-makerbyteArray第21页传输数据效率对比结果第22页AMF传输实现HashMap:“FeatureType”:”…”“GeoType”:”…”“bbox”:”…”“geom”:”…”…HashMap[]:HashMap[0]……HashMap[i]……HashMap[n]BlazeDSAmf3Output.writeObject()服务端ByteArray客户端readObjectArray:Array[0]…Array[i]…Object:“FeatureType”:”…”“GeoType”:”…”“bbox”:”…”“geom”:”…”…第23页矢量数据可视化舞台（Flash总容器）BitmapData第24页矢量数据可视化当数据量非常多，彼此叠加在一起时，无法用鼠标来进行交互。此时将所有GeoShape对象绘制到Bitmap上，对用户交互不存在影响定义阈值N当绘制的矢量数据量大于N时，会影响显示效率而且在此时屏幕范围内矢量对象彼此叠加，用户无法进行交互。绘制矢量对象判断绘制矢量个数是否大于N使用Bitmap绘制所有的矢量对象，再将Bitmap添加到舞台上是将GeoShape直接添加到对应的图层中否第25页大量矢量数据示例第26页客户端矢量数据组织01234n…ObjObjObjObjObj第27页动态交互数据选择第28页动态交互数据选择第29页报表服务-开源库JasperReports报表模板与程序逻辑分离样式，排版和数据的填充是分离的良好的可视化报表编辑工具支持（ireport）支持多种数据源以及自定义数据源JDBC，JavaBean，XML,CSV，Hibernate…CustomDatasource多种格式导出Pdf,rtf,excel,odt,csv,xml,html,jpeg免费的LesserGNUPublicLicense(LGPL)第30页JasperReports架构第31页平台实现实现JRDataSource接口进行WFS数据的读取，实现报表服务和OGC标准服务的集成第32页专题图服务-瓦片专题图客户端动态生成样式表SLD文件样式表上传服务器端GeoServer请求专题图（引用样式表地址）第33页专题图的导出结合报表服务实现各种格式的导出第34页专题图服务-客户端专题图第35页空间分析模块开发动态参数化界面统计图库集成动画效果搜索探索性分析建模预处理第36页统一参数选择界面自定义的描述规范和动态参数生成界面方法的参数有复杂关联关系前台验证第37页流程C++方法参数选择BlazeDSRemoteObject请求及结果获取生成空间权重矩阵统计量计算参数解析假设检验组装统计结果空间要素选择Flex前台JAVA后台JNIJNI数据读取数据压缩BlazeDS接口地图时空动态分级图时间快照图分析结果图表时空地理引力联系图分析结果可视化第38页结果参数选择空间自相关指数结果可视化第39页时空重心模型结果–时空探索性分析时空重力模型继承TweenEffect实现颜色、形状、透明度的渐变第40页统计图大数据量优化划分网格索引实例化少数点以Raster绘制替代Sprite舞台添加第41页Flash局限性AdobeFlash是100%的私有产品。它仅在Adobe有售，Adobe也是决定Flash未来发展、定价等的唯一机构。尽管Adobe的Flash产品非常普及，但这并不意味着它是开放的，因为它完全被Adobe控制，也仅仅来自Adobe。从任何角度来看，Flash都是一套封闭系统。Flash的在移动设备上优化不足，性能不高。同时对于移动设备，需要保证足够长的连续工作时间，而Flash的特点是耗电大，预载时间长。Flash是为PC使用鼠标控制设计的，而不是为使用手指操作的触摸屏设计的，无法适应当前触摸屏流行的趋势。第42页HTML5技术及其在WebGIS中的应用HTML5的概念、发展历史HTML5的新特性基于HTML5的WebGIS解决方案发展前景第43页实现v.s.规范?实现和规范相辅相成现行很多成功的规范很多是复古规范1993HTML+从未实现1994HTML2.0引入tables等特性1995HTML3.0从未实现1996HTML3.2引入applets等特性1997HTML4.0引入Frameset等特性…从来没有出现一个干净的、统一的HTML规范第44页从HTML4.0到HTML5.01998年，W3C研讨会“塑造HTML的未来”：扩展HTML4.0到XML的规范会很困难,重新开始制定一套规范2001年，XHTML1.0发布MIME：application/xhtml+xml事实是：99%的HTML网页至少含有一个错误后果：XHTML1.1和XHTML2.0很少被开发人员使用2004年，WHAT工作组成立-进化HTML表单2006年，TimBerners-Lee倡导两个组织开始协作2007年，W3C关闭XHTML2工作组第45页3、HTML5环境下的新特性语义多媒体离线存储*设备及应用地理位置*多线程*不属于HTML5规范第46页语义——语义化标签HTML5的一个重要特性，就是引入了结构化的语义标签，使得HTML5在文档结构上较HTML4.01更加清晰和易读。HTML4页面HTML5页面第47页语义——微数据MicrodataHTML5微数据是一种标记内容以描述特定类型的信息，每种信息都描述特定类型的项。divitemscopeitemtype==review-counth1itemprop=“nameitemreviewed小观园（田园店）/h1divitemprop=address“地址：/divdivitemprop=“rating”content=“4”评分：四星商户/divspanitemprop=“count”271/span条评论/a/div第48页语义——智能表单表单是网页中常见的控件(集)，担负了用户和网页后台数据更新交互的任务HTML5对表单的功能进行了大幅度的提升．包括以下内容：众多的新增input类型，在input的type类型中，新增了color、Email、date、number、range、search、teI、url等类型。新增的input属性，包括required、autofoucus、pattern、list、autocomplete、placehold、form等。新增的表单标签，包括datalist、keygen、output、meter、progress等。inputid=siv_kwvalue=查找其他关键词class=siv_txttype=textautocomplete=offonfocus=searchInViewCtrl.kwFocus(this)onblur=searchInViewCtrl.kwBlur(this)第49页多媒体——音视频audio、video标签，用来在Web网页中嵌入音视频播放功能，而无须FLASH和其他嵌入式插件的支持。音频支持OggVorbis、MP3、AAC和WebM四种格式视频支持OggTheora、MPEG4、H.264和WebM四种格式audiosrc=sound.mp3controls/audiovideosrc='movie.mp4'autoplaycontrols/video第50页绘制—Canvas画布Canvas元素在Web页面上创建了一个矩形的绘图表面。Canvas应用编程接口提供