版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
PAGE安阳师范学院本科学生毕业论文基于GoogleMaps的白营乡招商引资信息系统开发作者XXX学院软件学院专业软件工程(XXXX方向)年级2010学号XXXXXXXXX指导教师XXX论文成绩日期2014.05.XXPAGEi
目录1概述 12系统分析 12.1必要性和可行性分析 12.2用户需求分析 23网站总体设计 24网站基本功能实现 34.1基本网页浏览 34.2Google地图的基本功能 44.2.1将GoogleMaps嵌入到网页中 44.2.2增加控制地图选项 54.2.3添加搜索框 54.2.4添加TheInfoWindow(信息窗口) 64.2.5驾车路线查询 74.2.6利用GPolyline对象测距 84.3数据库实现 84.3.1连接数据库 84.3.2分页显示 95.结束语 106.致谢 10参考文献 11白营乡招商引资网建设程丽娇(安阳师范学院软件学院,河南安阳455002)摘要:白营乡招商引资网是基于web的、利用面向对象技术开发的一套B/S模式的信息管理系统,政府部门、企业和投资商可利用招商引资网对招商引资项目进行便捷、及时、统一、低成本、高效率的管理。本文在分析了传统的招商引资信息发布系统所存在问题的前提下,讨论了以GooglemapAPI技术及与后台数据库的交互式动态查询、远程维护技术为基础的招商引资信息发布系统设计方案。文中介绍了该系统的总体设计,实现电子地图的各项基本功能,与数据库的连接,并探讨功能实现中的关键部分设计。关键词:招商引资;技术;GooglemapAPI技术;SQLserver1概述随着中国经济的高速发展,各地政府纷纷采取各种渠道进行招商引资信息发布。其中,较为常见的是利用互联网,这大大便捷了招商引资项目及资源信息的发布工作。然而,传统的发布信息多半是采用多媒体或文字的形式,这样的方式虽然有助于用户了解该区域经济发展的大致情况,但不够直观和便捷,特别是对于那些想查询招商项目周边投资环境的远程用户来说,多媒体和文字远不能满足他们的要求。据估算,超过80的商业经济资料具有空间特性或者与空间位置有关,合理有效地开发和利用这些空间资料,可以优化资源的配置。若将这些空间资料融入到招商引资多媒体或文字中,则更有助于人们了解该区域商业和经济环境。Google地图可显示地图图像、地形图以及卫星影像,可实现全球地理位置搜索、分类信息获取、交通情况查询、行车路线甚至街景展示和显示三维模型等功能,在此基础上Google还提供了基于JavaScript技术的API接口,用户可通过这一接口对GoogleMap进行二次开发。本文利用GoogleMapAPI对Google地图进行二次开发,设计并实现校园电子地图服务系统,并对其中的关键技术进行探讨。2系统分析2.1必要性和可行性分析白营乡在招商引资工作中存在着有效资源信息分散,大多使用文档来管理各类信息(数据、文字、声音、图像等),缺乏统一的信息管理平台,无法实现集成化管理;另外,还存在投资商查询困难,必须通过实地考察来了解当地的投资环境信息,需要投入一定的时间、财力与物力,在一定程度上制约了其招商引资工作有序、有效进行。根据所存在的问题,本文所设计实现的适合乡镇级使用的基于Googlemap的智能化招商引资管理信息系统,投资商能够通过此系统快速直观地对当地资源信息进行查询和考察,在很大程度上节约了投资商的时间,同时,政府能够将我乡投资信息直观形象地展现出来,并且能够有效地对所有信息进行集成化、智能化管理,从而来提高招商引资工作效率,扩大投资范围。2.2用户需求分析白营乡招商引资网面对的用户是各个投资者,对于投资者而言,在投资之前,投资者会根据自己的具体情况(比如投资项目,资金多少,预期回报率等)做一些适合自己的选择。这就需要收集一些相关的信息(如白营乡环境,交通等)。在信息社会里,与传统的获取信息的方式相比,通过网络获得旅游信息具有速度快、信息全、内容新等优点,所以投资者更多地倾向于用互联网来寻找自己所需的信息。3网站总体设计在设计基于Googlemap电子地图的招商引资网站时必须要考虑到,网站必须详尽地介绍白营乡的现状及战略目标,以方便投资者了解情况,做出正确的抉择;系统应提供灵活的查询手段,使用户可在网站上对项目库提出查询条件;其中的web服务器作为用户与数据库服务器的中介,通过表单将用户的请求提交给数据库服务器,并将数据库服务器响应后得到的结果反馈给用户;另外,由于网络地图的交互特性而应该注意的操作简便、互动性强且美观大方等特点。本文所设计实现的网站界面内容包括:首页、自然概况、乡镇建设、战略目标、投资保障、优惠政策和联系我们等几个页面。其中的首页包括本设计最核心的部分:Google地图,包括:地图显示区,搜索区,路线导航区等几个区域。地图显示区为网络地图界面中最主要的区域,是对校园的最直观的展示,并且各种操作的大量结果都显示在此区域中。此区域还包括对地图进行缩放、平移、比例尺等各种控件,以便于用户进行最基本的操作与查看。另外在地图的下方还添加了搜索条,便于用户进行地点查询。路线导航区则是提供白营乡内两地之间的行程路线,以供用户进行参考选择。由于招商信息的动态变化性,系统设计时要充分考虑易维护性与数据的更新,保证数据的现势性和实用性,使系统的查询、分析、咨询和决策结果更符合实际。系统具有良好的接口以满足不断的扩充、完善,历史和现实数据能准确下载和上传,为客户提供有力的动态性和现实性的信息支持。这就需要与数据库的动态连接。4网站基本功能实现4.1基本网页浏览为了便于网站的管理,网站设计较简单,分为首页、自然概况、乡镇建设、战略目标、投资保障、优惠政策和联系我们等几个页面,各个页面详细的介绍了白营乡的情况。另外,在页面上还显示有用户浏览当日的日期和星期,具体实现代码如下:<scriptlanguage="JavaScript"type="text/JavaScript">varday="";varmonth="";varampm="";varampmhour="";varmyweekday="";varyear="";mydate=newDate();myweekday=mydate.getDay();mymonth=mydate.getMonth()+1;myday=mydate.getDate();myyear=mydate.getYear();year=(myyear>200)?myyear:1900+myyear;(myweekday==0)weekday="星期日";elseif(myweekday==1)weekday="星期一";elseif(myweekday==2)weekday="星期二";elseif(myweekday==3)weekday="星期三";elseif(myweekday==4)weekday="星期四";elseif(myweekday==5)weekday="星期五";elseif(myweekday==6)weekday="星期六";document.write(year+"年"+mymonth+"月"+myday+"日"+weekday);</script>4.2Google地图的基本功能Google地图API是一种通过JavaScript将Google地图嵌入用户自定义网页的API。提供了很多处理地图的功能(类似网页http://ditu.google.cn上的常用功能)和向地图添加内容的服务。4.2.1将GoogleMaps嵌入到网页中在使用GoogleMapsAPI之前,需要向/apis/maps/signup.htm申请一组APIKEY。当申请到APIKEY之后,就可以将GoogleMaps嵌入到网页了。<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN""/TR/xhtml1/DTD/xhtml1-strict.dtd"><htmlxmlns="/1999/xhtml"><head><scriptsrc="/maps?file=api&v=1&key=ABQIAAAAuG7oWOtWqEZB1PNN_pEvsBQ5_R83DoQvDaRjoUUcz5SOzE95uxQPI9Bh8GLJN8gz2X_Ib6OP9qcsVQ"type="text/javascript"></script></head><body><divid="map"style="width:655px;height:371px"></div><scripttype="text/javascript">//<![CDATA[functioninitialize(){if(GBrowserIsCompatible()){varmap=newGMap2(document.getElementById("map"));map.setCenter(newGLatLng(39.9493,116.3975),13);}}//]]></script></body></html>/maps?file=api&v=1是GoogleMaps引入的一个简单的javascript的url,这个url包含了所有在网页上创建地图所需要的标记和符号。第一行黑体字部分作用是用取得的KEY去装载GoogleMapsAPI,接着用div区块放置地图,style="width:655px;height:371px"用来指定地图区块的大小。varmap=newGMap(document.getElementById("map")),GoogleMaps输出最主要的类是Gmap类,使GoogleMap在JavaScript脚本中实例化。map.setCenter(newGLatLng(39.9493,116.3975),13)将地图的中心点固定在经度116.3975和纬度39.9493。而ZoomLevel在这里生成13(1最大,数字越大ZoomLevel越小,16是最高的高度)。如果不知道某个地点的经纬度,可以先利用GoogleMaps的大地图找到地点,将它固定在中间,然后按下网页上的Linktothispage,这时GoogleMaps会显示一个新网页,网址里就有经纬度。例如,要找出我们的祖国,先用GoogleMaps找到,并将它固定在中间,最后取得连接,/maps?q=china&ll=38.134557,111.708984&spn=28.242395,83.496094&hl=en中的黑体字就是经纬度了。4.2.2增加控制地图选项在上面的例子中由于少了GoogleMaps中的地图控制选项,因此无法放大缩小地图,也不能切换卫星地图。要进行这些控制,可在后面增加相关代码:map.addControl(newGSmallMapControl());map.addControl(newGMapTypeControl());GoogleMapsAPI内建四种地图控制选项:GlargeMapControl:适合给大型地图的控制项,放大缩小调节杆和位置调节按钮。GsmallMapControl:适合给小型地图的控制项,去掉了缩放的调节杆保留了缩放按钮。GsmallZoomControl:只有ZoomLevel的调整,没有地图移动控制。GmapTypeControl:提供Google地图和卫星图片的切换功能。4.2.3添加搜索框为了使用户快速了解白营乡周边环境,则地图的搜索功能是必不可少的。其关键代码如下:添加带位置的搜索控件: map.addControl(newgoogle.maps.LocalSearch({resultList:document.getElementById("results")}),newGControlPosition(G_ANCHOR_BOTTOM_LEFT,newGSize(0,-30)));4.2.4添加TheInfoWindow(信息窗口)GoogleMaps提供了一个简单的“消息窗口”,可以在地图上方的浮动窗口显示HTML内容。只要点击相应位置的图标,就会出现一个信息提示框,表明相关位置信息。关键代码如下:varlongString=‘欢迎来到白营乡!’;vartabs=[ newGInfoWindowTab('label','contentoflabel<br/>'+longString), newGInfoWindowTab('labe2','contentoflabe2<br/>'), newGInfoWindowTab('labe3','contentoflabe3<br/>'), newGInfoWindowTab('labe4','contentoflabe4<br/>') ];varOpt={icon:DEFAULT_ICON, dragCrossMove:true, draggable:true, clickable:false, bounceGravity:1 };Opt.icon=DEFAULT_ICON; Opt.title='hello,Iamamarker';varmarker=newGMarker(newGPoint(39.9493,116.3975));GEvent.addListener(marker,"click",function(){marker.openInfoWindowTabs("欢迎来到白营乡!");});map.addOverlay(marker);GMarkerB.setPoint(newGLatLng(cenx-0.003,ceny+0.011));//addOverlay之后,setPoint才可以正确使用在这个例子中,使用者点击该点的Marker后会出现一个多标签的信息窗口第一个标签即lab1,显示已经输入好的文字“欢迎来到白营乡!”。4.2.5驾车路线查询通过使用GDirections对象可进行行车路线设计,实现交通路线查询。行车路线在地图上可显示为沿线路绘制的折线或在<div>元素中进行文本描述。在设计行车路线时,首先需要创建GDirections对象,然后指定用于接收和显示结果区域和类型。可以为GMap2对象和<div>对象。然后通过GDirections对象中的load事件和addoverlay事件返回行车路线结果并添加到地图和div元素中。GDirections.load()函数的关键代码如下:gdir=newGDirections(map,document.getElementById(“directions”));gdir.load(“form:”+formAddress+“to:”+toAddress);GDirections类有若干的事件,可以通过GEvent的事件侦听进行侦听,并在事件处理函数中进行处理。常见的事件有load、error和addoverlay等。例如:GEvent.addListener(gdir,"load",function(){ alert("耗时(秒):"+gdir.getDuration().seconds+'\n'+"距离(米):"+gdir.getDistance().meters); });4.2.6利用GPolyline对象测距对于GPolyline对象,有一个很重要的方法,那就是getLength()方法。该方法可以返回沿地球表面的折线的长度(以米为单位)。这就为测试两点或是多点之间的距离提供了实现方式。\\声明一条折线Varpolyline=newGPolyline(points,”#000000”\\添加到地图Map.addOverlay(polyline);Polyline.getLength();4.3数据库实现为了在SQLserver数据库中建立招商项目管理数据库(projectdb)我们设计了一个信息表(project),用它来存储项目序号(id)、项目名称(name),建设性质(attri),建设地点(site)、投资估算(expect)、引进资金(import)、项目业主(owner)等,主键是项目序号(id)。4.3.1连接数据库从SQLserver数据库中获取Web页面所包含的内容之前,必须建立SQLserver的连接,首先以用户名“root”及口令“clj”与运行SQLserver服务软件的主机(如果这与运行Web服务软件的计算机是同一台,使用“localhost”)建立连接,具体的程序代码如下:usingSystem.Data.SqlClient;...SqlConnectioncon=newSqlConnection("server=(local);uid=root;pwd=clj;database=projectdb");
con.Open();
SqlCommandcmd=newSqlCommand("selectcount(*)fromprojectdb",con);4.3.2分页显示由于招商项目数据库比较大,必须提供这一功能。不同的翻页按钮改变page的值,从而给pagestart设置不同的值,然后根据pagestart选择不同的记录,按每页10条记录显示,实现的代码如下:
ps.AllowPaging=true;
//每页显示10条数据
ps.PageSize=10;
//设置当前页的索引
ps.CurrentPageIndex=n1;
if(nPage==1)//等于第一页
{
this.First.Enabled=false;//不显示第一页按钮
this.Front.Enabled=false;//不显示上一页按钮
}
if(nPage==ps.PageCount)//等于最后一页
{
this.Next.Enabled=false;//不显示下一页
this.Last.Enabled=false;//不显示最后一页
}
this.lPage.Text=Convert.ToString(ps.PageCount);
this.dl2.DataSource=ps;
//设置数据源的关键字段
this.dl2.DataKeyField="ID";
dl2.DataBind();
}
catch(Exceptionex)
{
Response.Write(ex.Message.ToString());
}
}
protectedvoidFirst_Click(objectsender,EventArgse)
{
laPage.Text="1";//设置当前页为1
}
protectedvoidFront_Click(objectsender,EventArgse)
{
//设置当前页减1
labPage.Text=Convert.ToString(Convert.ToInt32(laPage.Text)-1);
}
protectedvoidNext_Click(objectsender,EventArgse)
{
//设置当前页加1
lab.Text=Convert.ToString(Convert.ToInt32(laPage.Text)+1);
}
protectedvoidLast_Click(objectsender,EventArgse)
{
//设置当前页为最后一页
laPage.Text=labBackPage.Text;
}
}5.结束语本文研究了GoogleMapAPI,开发了白营乡招商引资网站中白营乡的地图,实现了地图显示、浏览、查询等基本WebGIS功能,也添加了GoogleMap特有的行车路线查询功能和多种地图类型切换显示。利用API实现本地文件搜索功能等问题,还有待进一步地研究和开发。网页方面,充分应用了语法和数据库理论,成功开发了一个政府招商项目管理系统,采用了动态网页生成等先进技术,可以用于优化其他系统的开发。随着技术的发展,系统还可以在此基础上利用新技术进一步优化。6.致谢本文的设计、开发工作都是在XXXX老师悉心指导下完成的,指导老师积极的工作态度、启发性的指导、讨论令我受益非浅,并将对今后我的工作产生深远的影响,在此向指导老师表示深深的敬意和衷心的感谢!感谢同课题组的刘晓风同学、牛子美同学、王可强同学、李振龙同学,在本系统的设计和实现过程中,他们对我的支持以及提供了许多很好的建议和帮助,在此我向他们表示衷心的感谢!感谢所有支持、帮助、参与过本系统调试的同学!参考文献[1]彭璇.GoogleMapAPI在网络地图服务中的应用[J].测绘信息与工程,2009(4).[2]郑朝洪.基于WebGIS的泉州市旅游信
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 2024年哈尔滨客运资格证软件下载
- 2024年海口道路运输客运从业资格证考试题库及答案
- 2024年塔城烟台客运上岗证考试题
- 2023年北京市初三一模道德与法治试题汇编:追求民主价值
- 吉首大学《美国文学》2021-2022学年第一学期期末试卷
- 吉首大学《动画合成与剪辑》2021-2022学年第一学期期末试卷
- 《机加工艺方案设计与实施》考试卷及答案A卷
- 吉林艺术学院《影视艺术概论》2021-2022学年第一学期期末试卷
- 吉林艺术学院《视听基础》2021-2022学年第一学期期末试卷
- 遗产分割赠予协议书范本范本
- 四川阿坝茂县考调机关事业单位工作人员30人2355笔试题库含答案解析
- 设计构成基础课件 1-点线面
- 2022年高考语文真题试卷(全国乙卷 )讲评教学专用课件
- 咯血的介入治疗
- 教师专业成长概述教师专业发展途径PPT培训课件
- 球磨机安装专项施工方案
- 阀门压力等级对照表优质资料
- GMP质量管理体系文件 中药材干燥SOP
- YY/T 0874-2013牙科学旋转器械试验方法
- GB/T 25217.10-2019冲击地压测定、监测与防治方法第10部分:煤层钻孔卸压防治方法
- GB/T 21010-2007土地利用现状分类
评论
0/150
提交评论