基于Ajax和.NET地图查询系统开发.docVIP

基于Ajax和.NET地图查询系统开发 　　摘要：基于Ajax和.NET开发的地图查询系统通过无刷新地图查询功能，来满足Web地图查询系统中客户端界面的互动性和可操作性强的要求。该系统具有良好的人机交互界面，能够给用户带来更好的体验。 　　关键词：地图查询系统；B/S；.NET；Ajax；Web 　　中图分类号：TP319 文献标识码：A 文章编号：1672-7800（2013）005-0077-020 　　引言 　　地图发展到现在出现了在线地图信息服务，所谓在线地图信息服务是指地图服务方根据用户提出的地理信息需求，通过自动搜索、人工查询、在线交流等方式，为用户提供准确、快捷的地图及出行交通指引资讯的在线信息服务。 　　面对Web开发所受到的限制，Ajax为我们提供了新颖的Web应用。Ajax主要是基于JavaScript，通过XMLHt-tpRequest来实现异步的远程通信，并利用XML来实现数据的封装、更新等，最终达到交互性更强的用户界面效果。 　　在该地图系统开发中，调用了Google提供的Googlemap API。Google map使用了Ajax技术，具有优秀的地图使用效果。因此，在使用地图时需要连接网络才能使用地图。地图的缩放拖动功能具备了异步调用功能，对地图标注功能的管理也通过asp.net Ajax 1.O实现异步功能。通过异步调用让用户在使用过程中察觉不到与服务器的交互，不用等待页面的刷新。 　　1、开发环境 　　软件环境要求：本系统采用一般家用PC的WindowsXP操作系统和IIS5.1在.NET Framework2.O平台和asp.net Ajax 1.O框架下开发，数据库采用SQL Server2000，开发工具为微软Visual Studio.NET 2005。 　　硬件环境要求：目前主流计算机为基础配置即可，并能提供连接网络。 　　2、系统功能模块 　　系统功能模块如图1所示。 　　2.1 用户管理功能模块 　　该模块用来实现用户注册及登录，用户登录成功后可以编辑自己的信息。用户分为普通用户和管理员，其中管理员具有管理普通用户的权限。 　　2.2 地图查询系统功能模块 　　用户打开网站，不用登陆即可查看Google地图，并可根据需要拖动地图、缩放地图、查询地图上的标注信息，也可以在每个标注上发表留言。用户登录后，可管理地图上用户的私有标注信息。其中，地图标注管理包括添加、删除、修改地图上的私有标注，以及显示或隐藏标注，同时登陆后可对自己标注上的留言进行管理。 　　3、数据库设计 　　本系统的数据库主要有3个数据表，其关系模式如下： 　　（1）用户表User（userID、username、pwd、groupID、sex、question、answer）。各属性分别表示：用户编号、姓名、密码、权限、性别、密码问题、密码问题答案。 　　（2）标注信息表tag（userID、p_ID、p_name、posX、po-sy、p_Info、p_public）。各属性分别表示：用户编号、标注编号、标注名称、X坐标、Y坐标、标注信息、公开标注。 　　（3）留言表BBS（Id、user_id、p_ID、name、info）。各属性分别表示：编号、用户编号、标注编号、网名、留言内容。 　　4、关键代码 　　4.1 利用Aiax调用Web service方法 　　首先，创建Webservice.asmx文件，添加方法供JavaScript调用，如： 　　[system.Web.Script.Services.ScriptService（）] 　　[WebMethod]//通过名称查找相关标注，并返回标注信息 　　public string findp_name（string userID，string p_name） 　　[WebMethod]//修改指定标注的标注信息 　　public string update_p（string userID，string db_p_ID，string p_ID，string p_name，float posX，float posY，string p_info，string p_public） 　　为使用Ajax调用Web service方法，需要在aspx页面中添加ScriptManager控件，并引用Webservice.asmx。这样即可用JavaScript调用Web service中的方法，调用方法如下： 　　function findp_name（ ） 　　{Webservice.findp_name（userID，p_name，callback）；} 　　function callback（va