B_S模式下基于Google Maps API创建旅游信息共享平台.docVIP

PAGE PAGE 1 B_S模式下基于GoogleMapsAPI创建旅游信息共享平台 　　摘要：随着互联网技术的革新与不断进步，新的技术不断涌现，行业标准走向统一化，规范化，2003年初，google发布地图服务（googlemaps），将WebGIS真正带入普通大众的生活。本课题将基于googlemaps开放的api创建一个旅游信息共享平台。注册用户可通过本系统进行地点查询，搜索，路程查询，面积测量等各种地图基本操作，并可分享旅行照片，心得等，用户之间可相互发表评论，交流旅游心得，这些所有的信息都将标注到地图上。 　　关键词：网络地理信息系统；GoogleMaps接口；互联网；Web2.0 　　中图分类号：TP311.52文献标识码：A文章编号：1007-9599（2013）01-0031-02 　　1引言 　　网络经济和信息时代的来临给旅游和经济的快速发展带来了新的活力，旅游信息资源正在向多媒体化、数字化和网络化方向发展。如何在已有的工作基础上提供布局合理、内容齐全、开放高效的旅游信息平台就成为亟待解决的一个关键问题，本文通过对WebGIS、Web服务与GoogleMapsAPI的研究，探讨利用GooglemapsAPI与Web开发技术创建WebGIS应用的相关技术，提出了基于GooglemapsAPI创建B/S模式旅游信息共享平台。 　　2体系架构 　　旅游资源共享平台基于GoogleMapsAPI开发，地图数据由Google提供，系统开发采用流行的b/s模式，前端使用符合标准的xhtml+css+JavaScript开发技术，服务器端使用流行的开源技术php+mysql+apache结合开发，为了提高应用程序的响应速度，开发中决定使用ajax技术来进行客户端与服务器端的数据请求与传输，以提高用户的操作体验。下表为系统使用技术： 　　2.1客户端 　　客户端界面使用表格布局法与div+css布局法。div+css布局法基于div盒子模型与灵活的定位技术，代码符合w3c标准，结合JavaScript实现界面的交互效果，选择JavaScript作为客户端行为层的编码技术。 　　2.2数据传输 　　本课题选择使用ajax实现客户端与服务器端的数据传输，Ajax是异步JavaScript和XML的缩写（AsynchronousJavaScriptandXML），其核心技术是JavaScript、XMLHttpRequest和XML。Ajax应用在用户端和服务器之间增加了一个中间层，称为Ajax引擎，它存在于用户本地浏览器中。用户发起的请求并不直接发送到服务器端，而是由Ajax引擎接收，然后异步发送到远程的服务器去请求数据，服务器的响应数据返回后也是经过Ajax引擎处理才显示在用户界面上。对于用户而言，它只是与位于本地的Ajax引擎通信就像桌面程序一样所以它发出HTTP请求后，不必像传统的web应用那样等待服务器的响应数据来刷新页面，而是可以继续通过页面和服务器进行其他交互，Ajax引擎会自动在适当的时候向服务器请求数据并把返回的数据显示在用户端。图2-2显示了基于Ajax的WEB应用的工作原理： 　　4.1.3距离测量，面积测量功能 　　测量功能分为距离测量，面积测量，用户启用测量功能以后在地图上单击即可出现相应地标，多个地标将通过脚本绘制路径链接，如果是面积测量将通过脚本绘制区域，当绘制完毕后可拖动各个地标调整路径，双击地标则可删除该点。 　　4.1.4行车导航功能 　　行车导航可根据用户输入的两个地理位置给出两点间行车建议。支持中英文输入，通过Googlemapsapi将用户输入的信息发送到google服务器，google服务器处理请求并返回结果，结果面板将给出关键行车点描述，行车总距离以及点与点之间的行车距离，同时地图界面给出两点标记与路劲描绘，拖动标记可改变行车起点或终点位置，单击弹出浮动窗口，显示该点的详细行车路径与方向。 　　4.2服务器端开发 　　旅游信息共享平台下，普通用户与注册用户均可浏览其他用户分享的旅游信息，。在初始化地图浏览功能时调用的initMap（）方法会异步发送一个Ajax请求到服务器以获取这些数据，这些数据将以xml格式返回到系统主界面，回到函数initData（）获取并处理这些xml数据并将点标记到地图上。 　　4.2.1用户登录 　　用户登录采用ajax验证，用户输入账户信息，提交后信息发login_check.php页面，表单提交后将调用login（）函数，同时returnfalse；语句禁用表单默认行为，防止页面刷新。login（）函数将完成用户身份验证与结果处理。 　　4.2.2相片浏览 　　在picbrowser.php页面实现两项功能，一是获取该点对应的相片数据。二是由于同