基于Html5 JavaScript的仿三维地图技术研究.docVIP

致 谢 光阴似箭，两年半的研究生生活即将结束，回首这段时间的学习和生活，心中十分感慨，收获颇多。 研究生期间，我的导师在学习上对我严格要求，生活上给予我无微不至的关怀。她渊博的学识、严谨的治学态度、忘我的工作热情，让我受益匪浅，对我今后的学习和生活都将产生积极深远的影响。本论文从选题、研究、实验到撰写，整个过程都是在她的细心指导下完成，并提出了许多宝贵的意见。在此向她表示衷心的感谢。 实验室的所有同学同样给了我很多支持和鼓励。他们是科研的良师，生活中的益友，在学习和生活上给了我很多的灵感。尤其在论文撰写过程中为我提供了很多思路，在此也对他们表示感谢。 感谢为我提供了一个良好求学环境的北京科技大学和计算机与通信工程学院的所有领导和老师。同时感谢能够在百忙之中参加论文评审的各位专家和老师。论文中仍有很多不足的地方，希望各位老师给予宝贵意见。 最后，感谢我的家人和朋友，你们为我的学习提供了无条件的支持。在我迷茫无助的时候给我力量，为我指引方向。你们是我一辈子的骄傲，是我在人生道路上前进的最大动力。 摘 要 目前以二维展示为主的Web地图得到了广泛的应用，随着Web技术的不断提高，人们期望更高维度的动态地图展示形式。本文采用仿三维建模方式，基于Html5规范构建具有三维效果、灵活交互的矢量地图应用系统—仿三维地图应用系统I3DMAS (Imitation 3D Map Application System)。 I3DMAS侧重于Web客户端矢量绘图技术的研究，结合Html5新的绘图技术及计算机图形学相关知识，支持仿三维效果地图模型的渲染与交互，适用于小范围动态可视化地图应用。I3DMAS设计分为三层，包括数据层、模型渲染层以及交互响应层，涉及的主要工作是地图仿三维主体模型的建模与交互。本文通过分析传统地图模型建模方法，结合地图的实现平台，提出了基于CSG+BSP的混合建模方法，简化模型的空间拓扑结构，实现Web客户端模型的快速渲染。为了增强地图的交互性，I3DMAS提供了多种交互方式，包括平移、缩放、二维/三维切换以及模型拾取功能，同时将焦点+上下文交互技术应用于地图上，优化模型拾取的效果。 I3DMAS作为二维与三维Web地图应用的折中选择，结合Html5规范增加对空间数据的直观展示与交互能力的同时降低了在Web上开发三维效果地图的成本。 关键词： 仿三维地图，二叉空间分割法，拾取，Html5+JavaScript，Html5 Canvas Technology Research of Imitation 3D Map Based on Html5+JavaScript Abstract With 2D web map widely used in various fields,and continuously improving web technology,people expect dynamic map displayed in the form of higher dimensions.In this paper, a 3D effect,flexiblely interactive vector map application system-I3DMAS,Imitation 3D Map Application System,is created based on imitation 3D modeling method and html5 specification. I3DMAS focus on vector graphics technology of the web client,combined with new html5 graphics technology and computer graphics knoledge to support rendering and interaction of imitation 3D effect model.It applies to small and dymamic visual map applications.I3DMAS is composed of three layers including data layer,model rendering layer as well as interact response layer.It is the main work to model and interact among main imitation 3D models on the map.By analyzing modeling method of traditional map,combined with the implementa