电子地图组件毕业设计论文内容.docx

上传人:b****8 文档编号:9815416 上传时间:2023-02-06 格式:DOCX 页数:53 大小:6.09MB
下载 相关 举报
电子地图组件毕业设计论文内容.docx_第1页
第1页 / 共53页
电子地图组件毕业设计论文内容.docx_第2页
第2页 / 共53页
电子地图组件毕业设计论文内容.docx_第3页
第3页 / 共53页
电子地图组件毕业设计论文内容.docx_第4页
第4页 / 共53页
电子地图组件毕业设计论文内容.docx_第5页
第5页 / 共53页
点击查看更多>>
下载资源
资源描述

电子地图组件毕业设计论文内容.docx

《电子地图组件毕业设计论文内容.docx》由会员分享,可在线阅读,更多相关《电子地图组件毕业设计论文内容.docx(53页珍藏版)》请在冰豆网上搜索。

电子地图组件毕业设计论文内容.docx

电子地图组件毕业设计论文内容

1.绪论

本课题的主要任务是设计一种多引擎地图服务组件,实现在一个组件中集成多种地图服务调用。

随着谷歌对其地理信息服务的开放,国内的搜狗地图、XX地图、51地图等地图服务商也相继开放了应用程序编程接口(简称API),地图服务已成为WEB开发中的常见部分。

用户们可以通过网站进行地理信息查询,随着用户的需

求越来越多,地图的功能也随之增多,并且不同网站也各自推出自己的地图服务,有的是自主开发的,有的是借助其他网站发布的API来开发的,他们各自有各自的特点,来满足不同用户的需要。

但是,各个网站有各自的特点,它们每个都不是最全面的,比如,谷歌地图在卫星图片实景地图方面的优势以及XX地图在公交导航方面的特色,用户想查询卫星照片,在谷歌地图上有,但XX地图上却没有,可是用户不知道,用户只能输入不同的网站来寻找该功能,以满足它的需求,这无外乎浪费了用户的时间。

所以开发一个多版本的地理信息系统组件是必须的,这就是本课题的主要任务。

设计题目:

XX地图、soso地图及整体框架的地理信息系统组件的设计与实现

实现的目标:

(1)设计出XX和soso的地图服务组件。

(2)设计出一个多版本的地理信息系统组件框架,即一个外部脚本js,在js内编写可以调用已存在的地图服务应用页面的函数。

(3)将XX和soso的地图服务组件整合到多版本的地理信息系统组件框架中,基本实现多版本的地理信息服务。

设计描述:

一个多版本的地理信息系统组件可以任意调用不同网站的地图服务,用户可以简单方便的调用需要的地图服务,这样既提高了效率,又满足了客户多样的需求。

 

2.需求分析

现如今谷歌、搜狗地图、XX地图、51地图等地图服务商相继开放了应用程序编程接口(简称API),并且公布了大量的事例代码和参考类,帮助程序员可以很好的理解与应用。

不过对于一些人来说,这些东西既浪费了很多的时间和又耗费个人的精力。

所以为追求简化各种地图服务的学习与编辑,我在此设计出一种多引擎地图服务组件,避免了程序员将时间浪费在学习各种地图服务上,也更好的提供多种版本地图帮助程序员进行选择。

地图服务应用主要应有以下几个方面:

1、搜索服务,即地址搜索、公交搜索、驾车搜索。

对于一些旅游网站,城市网站都提供一些地图搜索服务页面,可以详细的了解当地情况。

2、地图定位,目前大多数介绍地址信息的网页上,除了文字描述地址和地图截图显示地址这样单调的介绍方法,很少用到动态地图。

地图定位一般需要坐标定位服务或地址搜索服务。

组件设计的基本要求:

1、组件要有良好的兼容性。

现如今的网站服务平台多种多样,有的平台用php动态页面,有的用jsp动态页面,有的用asp动态页面。

为了兼容于这些平台,组件框架是以脚本编写,调用的地图服务应用页面是以静态页面html编写。

2、组件的应用要简单,便捷。

本课题的设计目的就是简化各种地图服务的应用,简单的组件服务调用可以使程序员轻易理解与使用,不必浪费过多的时间与精力去深入研究。

 

3.总体设计

对于“XX地图、soso地图及整体框架的地理信息系统组件的设计与实现”这一课题我们需要掌握以下几个技术:

1.JavaScript,这是一种能让你的网页更加生动活泼的程式语言,也是目前网页中设计中最容易学又最方便的语言。

JavaScript可以使网页的功能更强大,人机交互更简单。

对于本课题的设计中,这是一个十分重要的语言。

2.超文本标记语言,即HTML(HypertextMarkupLanguage),是用于描述网页文档的一种标记语言。

在设计组建中,把静态网页作为地图应用程序的载体,更好的调用地图服务,兼容性强。

3.地图API是一种通过JavaScript(或其他语言)将地图嵌入到网页的API。

该API提供了大量实用工具用以处理地图,并通过各种服务向地图添加内容,从而能够在网站上创建功能全面的地图应用程序。

(有关本课题的详细信息,请登录

通过以上3种技术,我将完成XX地图、soso地图及整体框架的地理信息系统组件的设计与实现。

具体步骤如下:

首先我将根据需求分析设计出坐标搜索,地址搜索、公交导航、驾车导航4种地图服务功能组件。

然后利用javascript编写外部脚本(即整体框架)封装地图服务组件。

最后进行修改,使外部脚本可以传递参数和地图服务组件可以接收参数。

 

 

4整体框架设计

整体框架设计(即外部脚本jb.js)部分代码如下:

functionmapapply()

{//XX地图

this.baiducity=function(id,city)

{varstyle="width:

100%;height:

100%";

varsrc="baiduzb.html?

city="+city;

varht="

style="+style+"src="+src+">";

document.getElementById(id).innerHTML=ht;

}

//soso地图

this.sosozb=function(id,x,y,s)

{varstyle="width:

100%;height:

100%";

varsrc="sosozb.html?

x="+x+"&y="+y+"&xx="+xx+"&s="+s;

varht="

style="+style+"src="+src+">";

document.getElementById(id).innerHTML=ht;

}

}

这是我设计的地理信息系统组件的整体框架:

通过javascript编写外部带参函数,简单封装地图服务组件,由document.getElementById(id).innerHTML语句改写

标签内容,然后用

图5.2-1XX坐标搜索调用

soso地图坐标搜索(sosozb.html)代码:

soso地图坐标

#container{height:

100%}

//连接soso地图API

functionrequest(paras){

varurl=location.href;

varparaString=

url.substring(url.indexOf("?

")+1,url.length).split("&");

varparaObj={}

for(i=0;j=paraString[i];i++){

paraObj[j.substring(0,j.indexOf("=")).toLowerCase()]=j.substring(j.indexOf("=")+1,j.length);

}

varreturnValue=paraObj[paras.toLowerCase()];

if(typeof(returnValue)=="undefined")

{return"";}

else{returnreturnValue;}

}//获取href中的参数

varzs=parseInt(request("s"));

varzx=parseFloat(request("x"));

varzy=parseFloat(request("y"));

if(isNaN(zs)){zs=13;}//如果缩放级别为无,则默认为13

varcenter=newsoso.maps.LatLng(zy,zx);

varmap=newsoso.maps.Map(document.getElementById('container'),{

center:

center,zoomLevel:

zs});//创建地图

varinfoWin=newsoso.maps.InfoWindow({map:

map});

varmaptypectrl=newsoso.maps.MapTypeControl({map:

map});//地图类型控件

varmarker=newsoso.maps.Marker({

position:

center,

map:

map

});

varnavControl=newsoso.maps.NavigationControl({

align:

soso.maps.ALIGN.TOP_LEFT,

margin:

newsoso.maps.Size(5,15),map:

map});//控件

varscaleControl=newsoso.maps.ScaleControl({

align:

soso.maps.ALIGN.BOTTOM_RIGHT,

margin:

newsoso.maps.Size(30,15),map:

map});//比例尺

简单调用验证示例:

调用页面代码:

100%;height:

100%"

src="sosozb.html?

x=116.404&y=39.915&s=12">

图5.2-2soso坐标搜索调用

5.3普通搜索服务应用组件设计

地图的信息搜索是一个很重要的地图服务。

地图上要有相应的标注,要有范围搜索结果面板。

对于我设计的普通搜索服务应用组件,相应的功能都可实现。

另外,在组件里我将城市与地址信息分开,这样有助于区分不同城市同样的地名。

以下是XX普通搜索服务应用组件(baiduss.html)和soso地图普通搜索服务应用组件(sososs.html)的代码与示例:

XX地图普通搜索(baiduss.html)代码:

XX综合搜索

#container{width:

100%;height:

100%}//设置页面尺寸

//显示地图

//显示搜索结果面板

functionrequest(paras){

varurl=location.href;

varparaString=

url.substring(url.indexOf("?

")+1,url.length).split("&");

varparaObj={}

for(i=0;j=paraString[i];i++){

paraObj[j.substring(0,j.indexOf("=")).toLowerCase()]=j.substring(j.indexOf("=")+1,j.length);

}

varreturnValue=paraObj[paras.toLowerCase()];

if(typeof(returnValue)=="undefined"){

return"";

}else{

returnreturnValue;

}

}//获取href的参数

varss=request("s");//获取搜索地址信息

varcity=request("city");//获取搜索的区域城市

varmap=newBMap.Map("container");

map.centerAndZoom(city);//初始化地图

varlocal=newBMap.LocalSearch(map,{

renderOptions:

{map:

map,panel:

"results"}

});

local.search(ss);//搜索地址

map.addControl(newBMap.NavigationControl());//添加地图控件

map.addControl(newBMap.MapTypeControl());//添加地图类型控件

map.enableScrollWheelZoom();//启用滚轮放大缩小。

map.enableKeyboard();//启用键盘操作。

简单调用验证示例:

调用页面代码:

100%;height:

100%"

src="baiduss.html?

s=黄村&city=北京">

图5.3-1XX信息搜索调用

soso地图普通搜索(sososs.html)代码:

soso地图信息搜索

展开阅读全文
相关资源
猜你喜欢
相关搜索

当前位置:首页 > 初中教育 > 中考

copyright@ 2008-2022 冰豆网网站版权所有

经营许可证编号:鄂ICP备2022015515号-1