毕业论文基于GoogleMap的电子地图设计25262

《毕业论文基于GoogleMap的电子地图设计25262》由会员分享，可在线阅读，更多相关《毕业论文基于GoogleMap的电子地图设计25262（36页珍藏版）》请在装配图网上搜索。

1、大学学院毕业论文大学学院毕业论文课题名称：课题名称： 基于基于 Google Map 的电子地图设计的电子地图设计学生姓名：学生姓名：学学 院：院：专业年级：专业年级：指导教师：指导教师：完成日期：完成日期： 二二一一年六月十日年六月十日 摘摘 要要Google Map API 为用户提供向 Google 地图添加各种个性化内容的功能，用户在此基础上进行二次开发，可实现各类网络地图服务。本设计使用 Google Map API 开发技术、JSP、access 数据库开发以实现，地图缩放、地理编码查询、距离测量、鹰眼定位等电子地图的各项基本功能以及石河子公交查询、旅游资讯、留言板维护等功能。关关

2、 键键 词词：Google Map API；电子地图；石河子公交查询ABSTRACTGoogle Map API to Google Maps to provide users with added features all kinds of personalized content, users on this basis, the secondary development, enabling all kinds of Web Map Service. The design development technology using the Google Map API, JSP, acce

3、ss database development to implementation, the map scale, geocoding query, distance measurement, Eagle Eye positioning of the basic functions of electronic map, and Shihezi bus information, travel information, message board maintenance function.KEY WORDS: Google Map API; Electronic map; Shihezi publ

4、ic transport inquiry 目录目录1 绪论.11.1 题目.11.2 课题背景.11.3 课题研究目的及意义.11.3.1 研究目的.11.3.2 研究意义.11.4 设计时间.21.5 课题内容及分工.21.5.1 课题内容.21.5.2 课题分工.21.5.3 设计成果.22 相关技术原理及开发运行环境.32.1 相关技术原理.32.1.1Google Map API.32.1.2JPS 基本技术.32.2 开发环境.42.2.1 系统硬件环境.42.2.2 系统开发工具.43 需求分析.63.1 引言.63.2 可行性分析.73.2.1 技术可行性.73.2.2 经济可行

5、性.73.2.3 操作可行性.73.3 功能需求.83.4 系统操作流图.84 系统概要设计.104.1 系统整体模块设计.104.1.1 引言.104.1.2 系统整体模块设计 .104.2 系统部分模块分析.104.2.1 石河子电子地图模块 .104.2.2 管理员模块.115 系统详细设计.125.1 概述.125.2 系统整体模块详细设计.125.3 系统部分模块详细设计.135.3.1 石河子电子地图模块 .135.3.2 管理员模块.165.4 部分功能模块流程图.175.4.1 石河子公交查询模块流程图 .175.4.2 管理员登录模块流程图 .186 数据库设计.196.1

6、系统数据表及其用途.196.2 概念设计.196.3 数据库设计.207 系统测试.227.1 编写目的.227.2 背景.227.3 测试概要.227.3.1 测试方法.227.3.2 具体测试设计.237.3.3 测试结果.257.4 对软件功能的评价.258 总结与展望.268.1 知识的获取.268.2 知识的获取.268.3 困难与不足.268.4 致谢.27参考文献.28 1 绪论绪论1.1 题目题目基于 Google Map 的电子地图设计1.2 课题背景课题背景电子地图是利用成熟的网络技术、通信技术、GIS（地理信息系统）技术，实现的一种新的地图服务方式。如今，世界上许多综合国

7、力强大的国家，电子地图的开发和研究都达到了相当高的水平，电子地图的开发和研究都达到了相当高的水平，电子地图在西方国家一方面为政府部门提供服务，另一方面也迅速普及，在社会的各个领域得到了广泛的应用。本课题实现了基于 Google Map 的的电子地图设计，可以方便用户查询石河子市的地理信息，比如距离测量、公交查询等，而且用户可以进行留言。虽然在此之前 Google 爱好者也开发过相关的系统，例如石河子市交通旅游电子地图，但是太过复杂，不方便用户使用。1.3 课题研究目的及意义课题研究目的及意义 1.3.1 研究目的研究目的本课题实现了基于 Google Map 的电子地图设计，可以方便用户查询石

8、河子市的地理信息，比如距离测量、公交查询等，而且用户可以进行留言。虽然在此之前 google 爱好者也开发过相关的系统，例如石河子市交通旅游电子地图，但是太过复杂，不方便用户使用。1.3.2 研究意义研究意义Google 提供了基于 JavaScript 技术的 API 接口，使得我们可通过这一接口对 Google Map 进行二次开发。通过研究开发基于 Google Map 的电子地图设计，我们对 Google Map API 和 JSP 语言有了深层次的理解，而且在美化系统界面和写论文的过程中，我们对大学四年所学习的知识有了更牢固的掌握，而且我们对软件开发的具体过程也有了更深层次的了解。1

9、.4 设计时间设计时间2011 年 2 月至 2011 年 5 月即 11 周。1.5 课题内容及分工课题内容及分工1.5.1 课题内容课题内容分析系统的可行性，并给出系统定义；对系统需求做出较为全面的规定；给出系统的约束条件以及某些数据格式。1.5.2 课题分工课题分工共同合作：搜集资料，需求分析，系统测试，用户手册编写，论文编写。张小丽：开题报告编写，数据库设计，界面框架设计，公交查询功能实现。丛莉莉：文献综述编写，地图操作功能实现，留言板功能实现，答辩 ppt。1.5.3 设计成果设计成果本系统软件及清单一套包括：1）系统可执行程序一套2）系统源程序一份3）系统开发文档一套及毕业论文一份

10、 用户手册 石河子大学信息科学与技术学院毕业设计论文2 相关技术原理及开发运行环境相关技术原理及开发运行环境2.1 相关技术原理相关技术原理Google Map API 为用户提供向 Google 地图添加各种个性化内容的功能，用户在此基础上进行二次开发，可实现各类网络地图服务。本系统是基于 google map 的电子地图设计，调用 Google Maps API，显示石河子电子地图，实现电子地图基本操作地图缩放、地理编码查询、距离测量、鹰眼定位等功能。本系统用 JSP 实现石河子市公交车次查询、提供旅游资讯、完成用户留言等功能。2.1.1Google Map APIGoogle 地图可显示

11、地图图像、地形图以及卫星影像，可实现全球地理位置搜索、距离测量等功能。在此基础上 Google 还提供了 API 接口，Google Maps API 是一个基于 JavaScript 技术的 API，主要用于 web 应用程序的开发。Google Map 集合了电子地图、卫星地图、混合地图三种模式。并完全基于 AJAX技术实现，有相当好的用户体验。用户可通过这一接口对 Google Map 进行二次开发。通过二次开发可实现强大的各种电子地图功能，为地图用户提供海量信息的全方位多角度服务。 在本系统的电子地图模块，实现起来相对复杂的功能是距离测量，Google Maps 自带实例多点测距尺实现

12、的功能就是可以根据用户标出的任意多点，从而返回计算得到的各个点之间的距离。也就是说，计算出了一条折线的长度是在地理上的实际距离。从代码可以看到似乎实现比较容易，不过就是向创建的地图中添加一系列控件，GLargeMapControl、GScaleControl、GOverviewMapControl、GRulerControl，其中，GRulerControl 控件是一个自定义控件。实际上，这个实例的经典之处在于一个 GRulerControl 控件的实现，可以从引入的 ruler.js 文件中看到实现过程。2.1.2JPS 基本技术基本技术JSP 全称是 JavaServer Pages，此语

13、言用于制作动态网页。JSP 就是 Java，只是它是一个特别的 Java 语言，加入了一个特殊的引擎，这个引擎将HTTPServlet 这个类的一些对象自动进行初始化好让用户使用，而用户不用再去操心前面的工作。同时这个引擎又引入了jsp:*、Java Servlet Code(.java 文件)-Java Runtime Bin Code(.class 文件)，这就是为什么我们第一次运行 JSP 时 CPU运行能达到很高的原因，它实际上是调用了 JSP 引擎来生成 java 文件，再用javac 来编译它到 class 文件，这才能去执行它。同时也说明了在第一次运行以后，速度为什么那么快的原因

14、，只要这个 JSP 文件不改变哪么这个操作就不再会进行了(除非你删除了 class 文件)。java 有什么 JSP 就有什么样的功能，与ASP 一样，JSP 的真正力量是我们永远看不到头的。2.2 开发环境开发环境 2.2.1 系统硬件环境系统硬件环境建议配置：CPU： P4 1.5GHZ 以上。内存： 512MB 以上，建议最好为 1G。最低配置： CPU：PII800MHZ 以上。内存：256MB。 2.2.2 系统开发工具系统开发工具本系统所用的开发工具有：Tomcat 5.5Microsoft Office Access Dreamweaver CS3 对开发工具的介绍如下：1）To

15、mcat 简介简介Tomcat 是 Apache 软件基金会（Apache Software Foundation）的Jakarta 项目中的一个核心项目，由 Apache、Sun 和其他一些公司及个人共同开发而成。由于有了 Sun 的参与和支持，最新的 Servlet 和 JSP 规范总是能在 Tomcat 中得到体现，Tomcat 5 支持最新的 Servlet 2.4 和 JSP 2.0 规范。因为 Tomcat 技术先进、性能稳定，而且免费，因而深受 Java 爱好者的喜爱并得到了部分软件开发商的认可，成为目前比较流行的 Web 应用服务器。我们用的是版本是 5.5。2）Microso

16、ft Office Access 简介简介Microsoft Office Access 是由微软发布的关联式数据库管理系统。它结合了Microsoft Jet Database Engine 和图形用户界面两项特点，是 Microsoft Office 的系统程式之一。Access 能够存取 Access/Jet、Microsoft SQL Server、Oracle，或者任何ODBC 兼容数据库内的资料。熟练的软件设计师和资料分析师利用它来开发应用软件，而一些不熟练的程序员和非程序员的“进阶用户”则能使用它来开发简单的应用软件。虽然它支持部分面向对象技术，但是未能成为一种完整的面向对象开发

17、工具。3）Dreamweaver CS3 简介简介Dreamweaver CS3 是 Adobe 公司收购 Macromedia 公司后最新推出的Creative Suite3 设计套装中用于网页设计与制作的组件。作为全球最流行，最优秀的所见即所得的网页编辑器，Dreamweaver 可以轻而易举地制作出跨操作系统平台，跨浏览器的充满动感的网页，是目前制作 Web 页站点，Web 页和Web 应用程序开发的理想工具。3 需求分析需求分析3.1 引言引言 在当今社会，电子信息的发展十分迅速，人们对信息的需求也越来越多，越来越严谨。电子地图是利用成熟的网络技术、通信技术、GIS（地理信息系统）技术

18、，实现的一种新的地图服务方式。电子地图的应用范围很广泛，从欧美市场来看，电子地图最有价值的应用是在汽车、手机和互联网等领域。与以往人们需要购买纸质地图产品不同，未来人们可能并不需要直接购买地图产品，而是通过购买汽车、手机或上网等途径使用电子地图产品。国外研究现状计算机技术的出现和广泛应用，使地图学家认识到地图学与计算机科学结合的巨大发展潜力，对电子赌徒的研究受到越来越多的学者和专家的关注。随着可视化技术及数字地图制图技术的发展，电子地图从传统的模拟地图中脱离出来。并进一步发展成为基于屏幕表达的模拟地图，在地图可视化表达的理论、技术和方法上都有了显著地变化。20 世纪 80 年代中期，随着计算机

19、技术和计算机制图技术的发展，加拿大的计算机制图专家在计算机制图与地图数据库基础上，集合地理信息系统技术，提出了电子地图的概念。1993 年在德国科隆召开的国际地图学协会（ICA）第 16 界学术讨论会上成立了“可视化工作组”，该工作组于 1996 年与美国计算机协会图形学专业组进行了跨学科的合作，开始一个名为“Carto-Project”的研究项目。该项目研究的主要目的是，一方面从信息科学的角度探索计算机图形学理论与技术如何有效地应用于空间数据分析可视化；另一方面则从地图学的角度探讨如何利用地图学的理论和技术促进计算机图形学的发展，促进计算机可视化与地图可视化的链接和交流。 1994 年，Ta

20、ylor 介绍了透视图在地图可视化中的应用。1998 年 8 月加拿大渥太华举办的 ICA 第 19 届学术讨论会上，Elzakker 指出，现在已有越来越多的用户自己使用计算机制作地图，为了向这些用户提供他们需要的地图可视化工具，地图学者者需要了解用户脑中发生的认知过程中更深层的信息。Bidoshi 等人认为，空间认知是智能多媒体可视化研究中的首要问题。 Fuhrmann 和 Kuhn 论述了电子地图空间认知研究的重要性及其研究内容。如今，世界上许多综合国力强大的国家，电子地图的开发和研究都达到了相当高的水平，电子地图的开发和研究都达到了相当高的水平，电子地图在西方国家一方面为政府部门提供服

21、务，另一方面也迅速普及，在社会的各个领域得到了广泛的应用。国内研究现状国内，对电子地图的理论研究最初也是从地图可视化开始，并已取得了一系列进展。地图可视化是地图学与可视化技术结合的结果，将地图形状从传统的纸质地图拓展到屏幕显示的电子地图，这是个巨大的技术飞跃。成为现代地图学发展的支柱。1995 年江斌等提出地图视觉化是现代地图学的核心。并研究了地图视觉化的特点和技术层次。并研究了地图视觉化是现代地图学的核心。并研究了地图视觉化的特点和技术层次，从理论上对地图可视化问题进行了探讨，1996 年，王建华从理论和技术两方面对地图可视化中媒体的描述和表达进行了研究，论述了多媒体地图研究的理论与实际意义

22、。Google Maps 提供的在线地图服务以其出色的交互界面、多种形式的地图图层，以及美观快速的地图显示，为用户带来舒适的网络地图浏览体验。3.2 可行性分析可行性分析本课题的可行性分析可从以下三方面进行分析。3.2.1 技术可行性技术可行性本设计是基于 Google Map API 二次开发，学习并能调用 Google Map API的函数来完成电子地图中功能。网络上有相关技术资料我们已经学习过数据库的开发和应用和 dreamweaver 网页制作的相关课程，而且都接触过 JSP 语言，并且张小丽在实习的时候曾接触过电子地图的开发，并且图书馆里有相关详细的资料书，因此本课题在技术方面是可行

23、的。3.2.2 经济可行性经济可行性我们所需的源基本数据只需调用 Google Map 服务器中的数据，只需调用Google Map API 中给第二次开发的函数对象，即可获得电子地图数据。不需要其他资源，所以它在经济上也是可行的。3.2.3 操作可行性操作可行性本系统要求在联网的环境下运行，我们都在宿舍做设计，可以联网，所以操作方面可行。3.3 功能需求功能需求在目前网络资源下，设计一个基于 Google Map 的电子地图系统，系统能够按需求完成电子地图查看、公交查询、旅游资讯、用户留言板等功能。用户可以通过联网计算机查询石河子的多种旅游信息。比如查询两地之间的距离。要求系统运行稳定，操作

24、界面友好。1)电子地图模块：生成石河子电子地图，实现电子地图基本操作，如地图缩放、地理编码查询、距离测量、鹰眼定位等功能。2) 公交查询模块：此模块功能是提供石河子公交车次查询，有三种查询方法公交车次查询、公交站点查询和精确查询。3) 旅游资讯模块：此模块调用数据库中的数据动态提供石河子相关的旅游资讯，让网站的信息可随时更新。4)用户留言板模块：此模块可实现用户的留言及查看所有的留言。使系统和用户有更多的交互。5)管理员登录模块：对网站中的公交、旅游资讯、留言板进行 web 页面的管理维护。3.4 系统操作流图系统操作流图系统操作流图如图 3-1 所示数据库系统登录用户需求判断GoogleMa

25、pAPI留言删除修改公交车次信息修改公交车次信息删除公交车次信息添加公交新车次显示所有站点旅游资讯添加旅游资讯修改旅游资讯删除管理员管统需求1需求6需求5电子地图公交查询旅游咨询需求2需求3鹰眼定位地点搜索地图显示站点查询精确查询车次查询新闻快递最新公告留言板查看留言我要留言需求4距离测量管理员登录身份验证图 3-1 系统操作流图4 系统概要设计系统概要设计4.1 系统整体模块设计系统整体模块设计4.1.1 引言引言系统模块分析，对系统的设计起到至关重要的作用。在系统模块分析过程中，我们可以更加清楚系统的功能系统应该实现的操作和管理。4.1.2 系统整体模块设计系统整体模块设计整个系统分为五个

26、模块。分析系统的整体架构如图 4-1 所示。图 4-1 基于 Google Map 的电子地图设计功能结构图4.2 系统部分模块分析系统部分模块分析4.2.1 石河子电子地图模块石河子电子地图模块石河子电子地图管理员登录最新公告新闻快递用户留言板查看留言用户留言石河子旅游咨讯石河子公交查询车次查询站点查询精确查询基于 Google Map 的电子地图设计石河子电子地图模块如图 4-2 所示。 图 4-2 石河子电子地图模块4.2.2 管理员模块管理员模块管理员模块具有管理石河子公交、旅游资讯、留言板，如图 4-3 所示。图 4-3 管理员登录模块 地图缩放距离测量鹰眼定位图片显示地图位置搜索石

27、河子电子地图模块修改旅游资讯管理员须知添加公交新车次管理员登录显示公交站点修改公交车次删除旅游资讯添加旅游资讯用户留言板维护删除公交车次管理员模块5 系统详细设计系统详细设计5.1 概述概述随着电子地图越来越广泛地被应用，它的商业价值也越来越大，人们在外出旅行的时候都习惯了上网查询相关信息。Google Map API 的种类也越来越多，开发者都希望能够尽可能充分利用 Google 地图 API 对电子地图进行二次开发。对于电子地图的使用者来说，他们更希望能够方便快捷地查询到自己想要得到的信息，所以系统在设计的过程中在达到功能全面实用的同时还要方便用户的操作。5.2 系统整体模块详细设计系统整

28、体模块详细设计系统整体设计界面如图 5-1 所示。图 5-1 系统整体设计整个系统分为五个模块。分析系统的整体架构见图 4-1 所示，具体功能包括：1）石河子电子地图：根据用户的操作在地图上显示相应信息，地图上会出现相应的操作提示以方便用户使用。2）石河子公交查询：根据用户选择的方式显示相应公交路线以及该路公交车经过的所有站点。3）石河子旅游资讯：根据用户需要显示系统中相应的公告或新闻。4）用户留言板：根据用户选择显示已存在的留言或增加留言。5）管理员登录：管理员登录之后对系统数据库的维护。5.3 系统部分模块详细设计系统部分模块详细设计5.3.1 石河子电子地图模块石河子电子地图模块石河子电

29、子地图显示结果如图 5-2 所示。图 5-2 石河子电子地图 (1) 注册 API Key。要想使用 Google Maps API ,首先需要从 Google 那里申请一个相应的 API Key ,其 URL 网址为 http :/www. google. com/apis/maps/signup. html 。注册时,需要提供网站的 URL ,而且每个不同的URL 都必须申请一个专门的 API Key。当申请到 API Key 之后,就可以将Google Maps 嵌入到网页了。(2)地图定位。使用 Google Maps API 的 GMap2 创建一个地图对象,并利用setCenter

30、 类方法设定地图中心坐标实现地图显示区域的定位。如下程序代码中,map. setCenter (new GLatLng(44.30,86.08),13)将地图的中心点定在北纬 44.30和西经 86.08,地图缩放等级为 13。Google maps 的缩放等级是 0 17共 18 个等级,比例尺与缩放等级是成反比的。f unction load () if ( GBrowserIsCompatible () ) var map = new GMap2 ( document . getElementById (map) ) ;map. setCenter ( new GLatLng (44.3

31、0,86.08),13) ;(3) 添加地图控件。成功地创建一幅地图后,若要进行放大、缩小、切换卫星影像等操作,需要在地图上添加一些控件,如平移和缩放工具、地图比例尺、以及一组按钮允许用户在矢量地图和卫星影像之间进行切换,可以使用 addControl () 方法来添加这些控件,如下所示:map. addControl ( new GLargeMapControl () ) ;map. addControl ( new GMapTypeControl () ) ;Google Maps API 提供了 5 种地图控制控件:GLargeMapControl :放大、缩小、缩放调节杆和 4 个方向

32、位置调节按钮;GSmallMapControl :去掉了缩放的调节杆,保留了缩放按钮和位置调节按钮;GSmallZoomControl :只有放大和缩小按钮;GMapTypeControl :提供矢量地图和卫星影像的切换功能;GScaleControl :显示地图比例尺。map.addControl(new GOverviewMapControl();缩略图控件(4) 地图中加入标记。Google Maps API 并不仅仅用来显示一幅地图,还能够配置更具动态的地图,如在地图中添加“overlay”(覆盖图) 。Overlay 是一些对象,它们被显示为地图上的某些位置,并且用户能够与其进行交互

33、。overlay 的一个典型的使用是把一个标记放在一个给定位置以指示一些特殊位置或地址,如:var point = new GLatLng (411283 , - 851227) ;marker = new GMarker ( point) ;map. addOverlay ( marker) ;在 map 对象中使用 GMarker 类,可以在地图上显示多个点,甚至可以用自定义的 icon 来显示。(5) 显示消息窗口。Google Maps 提供了一个简单的“消息窗口”,可以在地图上方的浮动窗口显示一段 HTML 内容。当用户点击相应位置的标记时, 把一个监听器添加到标记上并且调用open

34、InfoWindowHtml () 方法,就会出现一个信息提示框,表明相关位置信息。var marker = new GMarker ( point) ;map. addOverlay ( marker) ;GEvent . addListener ( marker ,click, f unction () marker. openInfoWindowHtml (pMore details/p) ;) ;1）地理编码查询地点经纬度）地理编码查询地点经纬度 function showAddress(address) if (geocoder) geocoder.getLatLng( addres

35、s, function(point) if (!point) alert(不能解析: + address); else map.setCenter(point, 13); var marker = new GMarker(point); map.addOverlay(marker); / As this is user-generated content, we display it as / text rather than HTML to reduce XSS vulnerabilities. marker.openInfoWindow(document.createTextNode(ad

36、dress); ); 2）距离测量功能）距离测量功能距离测量功能如 4-3 距离测量功能模块图所示。其实现是通过在网页中添加自定义控件 GRulerControl()进行的。(1)算法原理：创建地图控件 GRulerControl()，并添加一些基本的控件(2)具体实现： 在初始化标尺控件的函数 GRulerControl.prototype.initialize = function(map)中初始化“启用/禁用”按钮GRulerControl.prototype.setEnabled = function(value)中设置当前的GRulerControl 控件的禁用/启用状态。在启用状态

37、加上：me.mapClickHandle_ = GEvent.addListener(me.map_, click, me.onMapClick_);和 me.updateDistance_();以监听鼠标动作并及时更新距离。返回控件是否已启用函数 GRulerControl.prototype.isEnabled = function()来判断当前的 GRulerControl 控件是否可以使用。在初始化标尺控件的函数 GRulerControl.prototype.initialize = function(map)中初始化内部变量，即定义链表。在事件处理函数 GRulerControl.

38、prototype.onMapClick_ = function(marker, latlng)中创建标记并将标记添加到链表中，以生成折线。统计总距离，并显示在网页中 。先初始化长度单位。即时刷新地图函数GRulerControl.prototype.updateDistance_ = function()，计算总的距离 var len = me.getDistance();并在地图上显示出来 me.txtInfo_.innerHTML = me.formatDistance_(len)。用统计总距离函数 GRulerControl.prototype.getDistance = functi

39、on()，遍历链表来计算折线表示的总距离for (var m = me.head_; m != me.tail_; m = m.next_) if (m.prev_ & m.prev_.getLatLng) len += m.prev_.getLatLng().distanceFrom(m.getLatLng();点击生成的地标可以出现信息窗口,为信息窗口创建 DOM 对象，包括标记的坐标和“删除”按钮。为标记添加事件处理函数 GEvent.addListener(newMarker, click,function()newMarker.openInfoWindow(me.createInfo

40、Window_(newMarker););单击标记时要显示信息窗口在 GRulerControl.prototype.createInfoWindow_ = function(marker)中为信息窗口创建 DOM 对象，包括标记的坐标和“删除”按钮，并在其中为“删除”按钮添加事件处理函数 lnk.onclick =function()，调用 removePoint() 并重新计算距离。用户增加或拖动地标的时候自动更新与该地标相连的折线。添加 GEvent.addListener(newMarker, dragend,function()，拖拽标记时要更新连接线段和距离。单击该按钮可以删除地标

41、，及与该地标相连接的折线。调用事件处理函数GRulerControl.prototype.removePoint_ = function(marker)当用户选择删除标记时被调用，这里要删除与该标记连接的线段先从地图上删除该标记me.map_.removeOverlay(marker);对于中间结点，还要把它的前驱和后继用线段连接起来清除所有标记,根据用户操作可以将所有的折线和地标删除，重新开始计算用重置函数 GRulerControl.prototype.reset = function()清除当前地图上显示的所有标记（GMarker），在重置函数 GRulerControl.prototy

42、pe.reset = function()中初始化（重置）链表。5.3.2 管理员模块管理员模块管理员模块实现对石河子市公交、旅游资讯的增删改查以及留言板的查询、删除功能。实现 web 页面管理员的管理系统。如图 5-3 所示。图 5-3 管理员模块管理员模块是本系统开发的难点之一。具体功能包括：1）管理员须知：显示管理员应该知道的内容。2）显示公交站点：显示在数据库中存储所有的公交站点。3）添加公交新车次：根据需要添加新的公交车及所经过的站点。4）修改公交车次：根据需要修改公交车及所经过的站点。5）删除公交车次：根据需要删除公交车及所经过的站点。6）增加旅游资讯：添加公告或新闻7）修改旅游资

43、讯：修改公告或新闻8）删除旅游资讯：删除公告或新闻9）用户留言板维护：对留言板模块进行增加删除修改的维护10)管理员登录：根据系统中存在的管理员登录的用户名和密码，相符合就可以登录进入，并可以对系统进行维护。5.4 部分功能模块流程图部分功能模块流程图5.4.1 石河子公交查询模块流程图石河子公交查询模块流程图石河子公交查询模块流程图如图 5-4 所示。是开始用户选择需要的公交查询方式车次查询？否站点查询？否精确查询？是是否查公交车次查公交站点站点与站点结束显示查询结果图 5-4 石河子公交查询模块流程图5.4.2 管理员登录模块流程图管理员登录模块流程图管理员登录模块流程图如图 5-5 所示

44、。是开始输入用户名和密码密码是否正确否入用户名和密码登录成功结束图 5-5 管理员登录模块流程图 6 数据库设计数据库设计6.1 系统数据表及其用途系统数据表及其用途系统数据表及其用途如表 6-1 所示。表 6-1 系统数据及其用途表数据表名称 数据表用途bus 表 保存公交路线、车次以及启发终止的时间Manager 表 保存管理员的姓名、密码及 ID 等基本信息Messages 表 保存留言用户的昵称、留言标题内容及留言时间等News 表 存放新闻 ID、标题、内容及时间等6.2 概念设计概念设计部分 E-R 图，如下图 6-1 至 6-4 所示。BusBusIDDetailSortT_Va

45、lueW_STimeA_ETimeA_STimeW_ETime图 6-1bus 实体 E-R 图ManagerManagerIDPasswordCommentTrueName图 6-2Manager 实体 E-R 图MessagesTitleMessageIDPostTimeContentUserName图 6-3 Messages 实体 E-R 图NewsTitleNewsIDPostTimeContentType图 6-4 News 实体 E-R 图6.3 数据库设计数据库设计根据实际需要，将部分数据表详细字段设计描述如下：用户表详细字段如表 6-2 至 6-5 所示。表 6-2 bus段

46、字名说明类型BusID公交车次Varchar(20)Detail公交站点Varchar(20)A_STime夏季始发时间Varchar(20)W_STime冬季始发时间Varchar(20)A_ETime夏季终止时间Varchar(20)W_ETime冬季终止时间Varchar(20)T_Value公交车票价格IntSort其他Int学生表详细字段如下：表 6-3 Manager字段名说明类型ManagerID管理员 IDVarchar(20)TrueName管理员真实姓名Varchar(20)Password密码Varchar(50)Comment职务Varchar(50)教师表详细字段如下

47、：表 6-4 Messages字段名说明类型MessageID留言 IDIntTitle留言标题Varchar(20)UserName留言用户昵称Varchar(20)Content留言内容Varchar(50)PostTime留言时间Varchar(20)学生选题表详细字段如下：表 6-5 News字段名说明类型NewsID新闻 IDIntTitle新闻标题Varchar(20)Content新闻内容IntPostTime新闻发布时间Varchar(20)Type新闻类型int7 系统测试系统测试7.1 编写目的编写目的系统测试是为了发现错误而执行程序的过程，为了更好的对本软件的正确性做出客

48、观公正的评价，为了更进一步的对本软件进行验证，为了能给用户一个满意的软件，让用户更好的使用本软件，从而提高用户的工作效率。为此本测试组对此软件做了详细的测试。本报告最终的用户是此软件的开发者以及此软件的最终维护者，为软件以后升级和修改提供参考。7.2 背景背景被测试软件的名称为：基于 Google Maps 的电子地图设计基于 Google Maps 的电子地图设计系统已经调试成功，在未正式运行之前，完全有必要进行全面的测试，以检验软件的可靠性，正确性，及稳定性。这也是开发项目的最基本规范。软件的测试数据为教务处的真实数据，所以本测试报告有较强的说服力。7.3 测试概要测试概要7.3.1 测试

49、方法测试方法本软件主要采用黑盒测试方法。黑盒测试（Black-box Testing，又称为功能测试或数据驱动测试）是把测试对象看作一个黑盒子。利用黑盒测试法进行动态测试时，需要测试软件产品的功能，不需测试软件产品 的内部结构和处理过程。采用黑盒技术设计测试用例的方法有：等价类划分、边界值分析、错误推测、因果图和综合策略。 黑盒测试注重于测试软件的功能性需求，也即黑盒测试使软件工程师派生出执行程序所有功能需求的输入条件。黑盒测试并不是白盒测试的替代品，而是用于辅助白 盒测试发现其他类型的错误。黑盒测试试图发现功能错误或遗漏、界面错误、数据结构或外部数据库访问错误、初始化和终止错误。7.3.2

50、具体测试设计具体测试设计根据每个功能点分别对会员级别、会员消费水平预测、会员分类预测、会员图书推荐预测销售走势预测、图书销量预测、图书绑定预测、图书定价预测进行测试。1）电子地图模块）电子地图模块进入电子地图界面后，用鼠标拖动地图右下方的缩略图里的阴影部分，可以看到地图的中心会随着鼠标的拖动而做出相应的改变。用鼠标点击地图左上方的缩放工具的+、-号，可以发现地图的缩放比例会相应的增加或减少。按住鼠标的滚轮上滑或下滑可以发现地图的缩放比例也会做出相应的增加或者减少，而且地图左下方的比例尺的显示数据也会做出相应的改变。2）地点搜索功能预测）地点搜索功能预测在地图上方的搜索框内写入想要查询的地名，比

51、如“石河子市”,然后点击搜索按钮，会看到地图上会在石河子市政府上出现红色地标和信息窗口，上面写着：“石河子市” 。再用相同的方法查询“北京市，可以看到红色地标出现在北京市上方，并且带有一个写着北京市的信息窗口。3）距离测量功能）距离测量功能在地图右上方看距离测量工具是否在打开状态，如果没有打开，则切换到打开状态，然后在地图上用鼠标点击任何一个地方，再点击另外一个地方，可以看到距离测量工具框中显示了两地间的距离，再接着用鼠标单击地图，可以看到距离在相应地增加。4）石河子公交查询模块）石河子公交查询模块在请选择车次后面的下拉框中选择 15 路，然后用鼠标点击查找按钮，会看到新生成一个界面，上面显示

52、了石河子市路车经过的地点。在请选择车次后面的下拉框中选择“请选择你要查询的车次”，然后点击查找按钮，会看到新出现的界面上显示：对不起，你查询的车次不存在，请正确选择你要查询的车次！用鼠标单击新生成界面下面的关闭窗口按钮，可以看到该界面被关闭。5）站点查询）站点查询在请选择站点后面的下拉框中选择火车站，用鼠标单击后面的查找按钮，可以看到新生成一个界面，上面显示了所有经过火车站的车次，和该车次经过的所有站点。用鼠标单击新生成界面下面的关闭窗口按钮，可以看到该界面被关闭。6）精确查询）精确查询在请选择起始站的下拉框中选择北湖公园，在请选择到达站的下拉框中选择东热电厂，会看到新生成的界面上显示了北湖公

53、园到 东热电厂没有直达车，并建议先从北湖公园乘坐 20 路公交车到达农贸市场，再做 3 路车到达东热电厂。用鼠标单击新生成界面下面的关闭窗口按钮，可以看到该界面被关闭。7）车次查询）车次查询在请选择车次后面的下拉框中选择 15 路，然后用鼠标点击查找按钮，会看到新生成一个界面，上面显示了石河子市路车经过的地点。在请选择车次后面的下拉框中选择“请选择你要查询的车次”，然后点击查找按钮，会看到新出现的界面上显示：对不起，你查询的车次不存在，请正确选择你要查询的车次！用鼠标单击新生成界面下面的关闭窗口按钮，可以看到该界面被关闭。8）石河子旅游资讯模块）石河子旅游资讯模块用鼠标单击最新公告新闻快递下面

54、的标题部分，可以看到该界面显示了最近公告的内容。9）用户留言板模块）用户留言板模块用鼠标单击想要查看的留言的标题，即可在该界面中看到相应的留言内容，用鼠标左键单击右下角的返回，系统会返回到留言板界面。用鼠标单击右下方的我要留言，即可进入留言表界面，在里面主题中输入“世纪广场”，在昵称中输入 “小伟”，在内容中输入“世纪广场很不错”，然后用鼠标左键单击发表按钮，会发现出现一个提示窗口，写着 “标题长度必须在 5 位到 20 位之间”，然后修改标题为 “世纪广场很好玩”，再单击发表按钮，会看到另一个提示窗口，写着 “内容长度必须在 10 字到 100 字之间”，然后把内容修改为 “世纪广场的喷泉很

55、好玩”，然后再单击发表按钮，系统没有再出现提示窗口，刷新一下，会看到留言已经发表了。再点击我要留言，进入留言表界面，将标题、昵称和内容都填写好之后，单击重置按钮，会看到三个文本框都被清空。11）管理员登录模块）管理员登录模块进入管理员登录界面，在用户名和密码中随便输入字符，单击重置按钮，内容清空，重新输入用户名和密码，然后单击登录按钮，系统会自动跳入新界面，上面显示：你输入的用户名或密码不正确！请重新输入。用鼠标点击返回修改，系统回到主界面，再进入管理员登录界面，输入用户名为 zzz，密码为111，单击登录按钮，进入了系统维护界面。12）留言板维护）留言板维护鼠标单击系统维护界面上的留言板维护

56、按钮，界面上会显示所有的留言信息，单击右方的删除，可以删除相应的用户留言。13）发布新闻、修改新闻、删除新闻）发布新闻、修改新闻、删除新闻鼠标单击发布新闻按钮，系统自动进入发布新闻界面，填入相应的信息之后，单击重置按钮，所有内容清空，单击发布按钮，系统进入新界面，显示新闻发布成功，单击右方的继续添加，重新进入发布新闻界面。在新闻标题中写入小于五个字段或不写入任何字段，单击发布按钮，会看到新闻标题不能小于五个字段的提示窗口。在新闻内容中不写入文字或者写入小于 10 个字的内容，会看到新闻内容不能小于十个字段的提示窗口。单击修改新闻按钮，系统进入修改新闻界面，再对相应的新闻点击右方的修改，系统进入

57、发布新闻界面，在新闻标题中写入小于五个字段或不写入任何字段，单击发布按钮，会看到新闻标题不能小于五个字段的提示窗口。在新闻内容中不写入文字或者写入小于 10 个字的内容，会看到新闻内容不能小于十个字段的提示窗口。进行相应的修改之后，重新发布，可看到修改成功，单击点击这里，可继续进入修改新闻界面对其他新闻进行修改。单击删除新闻按钮，系统进入删除新闻界面，点击想要删除的新闻右方的删除，系统进入新界面，上面显示删除成功，单击点击这里，重新进入删除新闻界面，可继续删除其他新闻。10）显示所有站点、添加新车次信息、删除车次信息、修改车次信息）显示所有站点、添加新车次信息、删除车次信息、修改车次信息点击显

58、示所有站点按钮，系统会显示数据库中所有站点，单击其中任何一个站点，系统会生成一个新的界面，上面显示了所有经过该站点的公交车，和该公交车经过的所有站点。单击界面下方的关闭窗口，即可关闭该新生成的界面。添加新车次信息、删除车次信息和修改车次信息均做了相应的测试，都没有问题。7.3.3 测试结果测试结果 通过对本系统的测试，本系统完成了预定的基本主要目标功能，实现了石河子市的电子地图相应模块的设计，但与我们事先设想的有一些差距，部分模块的功能仍需完善。7.4 对软件功能的评价对软件功能的评价通过对本系统的测试，本系统完成了预定的基本主要目标功能，软件还需要更加深一步的扩展。8 总结与展望总结与展望2

59、011 年 2 月，我们组开始了毕业设计工作，时至今日，论文基本完成。从最初的茫然，到慢慢的进入状态，再到对思路逐渐的清晰，回想这段日子的经历和感受，我们拥有了无数难忘的回忆和收获。经过几个月的学习和开发，该系统已初步完成，通过对这个系统的开发，我们关于软件硬件的综合水平都有了很大的进步。Google 地图的二次开发和Jsp 语言都是我们以前很生疏的内容，我们几乎是从零开始着手做这项工作，在设计系统的过程中我们遇到了很多困难，也走了很多弯路，通过不断的努力和默契的合作，我们最终完成了相对比较满意的基于 google map 的电子地图设计，本系统是以电子地图设计为主，从技术有限和系统实用性的角

60、度考虑，我们增加了公交查询、留言板、旅游咨询等功能模块。有以下几个方面是我们在此开发过程中的心得。8.1 知识的获取知识的获取在系统开发之前我们先做了一些知识储备，有意识和有计划地复习了以前学过的课程，如：数据库基本原理、dreamweaver CS3，这对后期的开发有很大的帮助，当然，开发人员更要求去接受新的知识，学习一些新的软件开发方法，实用的设计模式，知识的全面准备对整个系统编码的框架很有指导意义。在开发过程中，会出现一些技术上的难点和障碍，在网络中我们得到了很实在的帮助。8.2 知识的获取知识的获取开发出一个性能良好的系统更需要一个配合默契的团队，在一个开发团队中，合做是第一位，一个系

61、统的开发要求的知识层次比较高，这就要求在团队里通过人员的优良组合，实现知识结构上的互补。一个优良的开发团队里人员的搭配也是很有讲究的。8.3 困难与不足困难与不足软件开发是一个长期的并且是工作量繁重的过程，一个程序员的意志在这个时候得到考验，要想干好一件事，就得脚踏实地一步一步来，切忌心高气浮。当然，我们这个系统还存在许多的不足之处，界面不够友好，电子地图设计的不够深层次，我们会在后期的完善中修改。8.4 致谢致谢我们得感谢我们的指导老师李伟老师，在整个开发过程中他给我们的帮助是无法替代的，没有他的无私付出，我们也不可能这么顺利完成。 参考文献参考文献1 Google Map API .htt

62、p:/ ANDRE LEWIS,MICHAEL PURVIS,JEFFREY SAM-BELLS,et al. Beginning Google Maps Applications withRails AND Ajax:From Novice to ProfessionalM .ChinaMachine Press, 2008, :244-267 .3 Williams M. Google Maps API Basic TutorialEB/OL .http:/econym.org.uk/gmap/index.ht m. 2009-06-16 . 4 Robert C,Martin.Expla

63、ins the profound in simple language the JSP technology.IIE Transactions,20005 Ivor Horton.JAVA 2 JDK 5 Edition.WileyPublishing,2005 6陈琼,杨秀国,杨小勤.Google API 大全 编程开发实例.电子工业出版社7周筠,杨秀国,张健.AJAX HACKS 创建快速响应 Web 站点的工具和技巧.电子工业出版社8江宽,龚小鹏 .Google API 开发详解 Google Maps 与 Google Earth 双剑合璧.电子工业出版社9孙鑫著.Servlet/JS

64、P 深入详解-基于 Tomcat 的 Web 开发.电子工业出版社.2008 出版. 10郑莉,王行言等编著.Java 语言程序设计.清华大学出版社.2005 出版11石道远.管理信息系统M.北京:电子工业出版社.2007 出版.12萨师煊,王珊.数据库系统概论M.北京:高等教育出版社.2009 出版.13郝安林,王伟平,张明亮. .JSP 从入门到精通M.北京：电子工业出版社, 2009 出版.14张卓.基于 JSP 的 MVC 开发模式在毕业设计管理系统中的应用EB/OL.人民邮电出版.2007 出版.15刘欣怡.软件工程M.北京:清华大学出版社.2008 出版.16孙更新,吕婕等编著.J

65、ava 毕业设计指南与项目实践.北京:科学出版社 2007 年出版.17张卓.基于 JSP 的 MVC 开发模式在毕业设计管理系统中的应用EB/OL.人民邮电出版.2007 出版. 18精通 Dreamweaver 8(附盘).北京:人民邮电出版社.2007 年出版.19肖慎勇.数据库及其应用学习与实验指导教程M.北京:清华大学出版社.2007 出版.20张银鹤,唐有明,王俊伟JSP+Ajax 网站开发典型实例M北京：电子工业出版社.2009出版.21刘中兵.开发者突击：Java Web 主流框架整合开发J2EE+Struts+Hibernate+Spring.北京：电子工业出版社.2008

66、出版.22肖慎勇.数据库及其应用学习与实验指导教程M.北京:清华大学出版社.2007 出版23王国辉,王毅等编著.Java Web 开发技术方案宝典.人们邮电出版社.2008 年出版.24王国辉,王毅等编著.JSP 程序员范例宝典.人们邮电出版社.2007 出版.25邹竹彪编著.JSP 宝典.电子工业出版社.2007 出版.26王欢,龚家强.MVC 架构在信息系统开发中的应用.杭州科技 2009 年第 4 期.27王国辉,王毅等编著.Java Web 开发典型模块大全.人们邮电出版社.2009 出版.28王军.JavaScript 入门经典(第 4 版)M.北京:人民邮电出版社.2007 出版.29孙卫琴.精通 Hibernate-Java 对象持久化技术详解M.北京:电子工业出版社.2005 出版.30王立丰.J2EE 课程设计指导M.北京：北京大学出版社.2008 出版.Making national headlines several times, Chengdus 72-hour visa-free policy has attracted wide attention fro