（地图学与地理信息系统专业论文）大连市旅游信息系统的设计与实现.pdf

捅晏： 大连是中国首批“优秀旅游城市 ，不仅有丰富的中国近代人文旅游资源，还 有许多风景奇秀的滨海旅游资源，旅游业已发展成为大连的新兴产业。目前，传统 的旅游地图已无法满足旅游消费者的多层次的需求。电子地图是传统地图与计算机 技术、g i s 技术、网络技术相融合的产物，突破了传统纸质地图时间和空间上的局 限性，具有更丰富的信息含量和更广阔的应用范围。本文基于网络技术和灵图公司的 5 1 d i t u 接口设计并开发了大连市旅游信息系统。本文介绍了h t m l ( 超文本标记语言) c s s ( 层叠样式表) 、j a v a s c r i p t 脚本语言和全景图等网络开发技术，阐述了北京灵 图公司的5 1 d i t um a p sa p i 的整体框架及地图a p i 接口，包括地图接口( m a p sa p i ) 、 导航接口( n a v i g a t ea p i ) 和搜索接口( s e a r c ha p i ) 等。大连市旅游信息系统基 于5 1 d i t um a p sa p i ，采用j a v a s c r i p t 脚本语言在d r e a m w e a v e r 环境下开发，电子 地图数据来源于5 1 d i t u 的在线地图服务器。该系统设计为电子地图、地图搜索和信 息发布三个功能模块：( 1 ) 电子地图模块实现了地图发布、放大、缩小、比例尺、鹰 眼、测量距离、测量面积等功能；( 2 ) 地图搜索模块实现了交互式地物查询，周边搜 索和路线导航功能：( 3 ) 信息发布模块实现了景点信息发布、地图标记发布和天气信 息发布功能，其中景点信息发布还采用了全景图展示技术。 关键词：旅游信息系统；j a v a s c r i p t ；51 d i t um a p sa p i ：全景图；大连市 a b s t r a c t d a l i a ni st h ef i r s tg r o u po f ”o u t s t a n d i n gt o u r i s tc i t y ”i nc h i n a d a l i a nn o to n l yh a s a b u n d a n tt o u r i s tr e s o u r c e si nm o d e mh u m a ns c e n e r y ，i ta l s oc o n t a i n sp r e t t yo fb e a u t i f u l c o a s t a lt o u r i s tr e s o u r c e s t o u r i s mh a sb e e nd e v e l o p i n gi n t od a l i a n se m e r g i n gi n d u s t r y a t p r e s e n t , t h et r a d i t i o n a lt o u r i s mm a ph a sb e e nu n a b l et om e e tt h et o u r i s t s d e m a n d so f m u l t i - l e v e l s e l e c t r o n i cm a pi st h ei n t e g r a t i o no ft h et r a d i t i o n a lm a p ，c o m p u t e r t e c h n o l o g y ， g i st e c h n o l o g y ，a n dn e t w o r kt e c h n o l o g y ，w h i c hb r e a k st h et i m ea n ds p a c el i m i t a t i o n so f t r a d i t i o n a lp a p e rm a p ，a n di tw i l lb r o d e nt h ef u r t h e ri n f o r m a t i o na n dt h e s c o p eo f a p p l i c a t i o n b a s e do nt h en e t w o r kt e c h n o l o g ya n dt h e “51d i t u i n t e r f a c ed e s i g h e db y l i n g t uc o m p a n y ，t h ep a p e rs t u d yo nt h ed e v e l o p m e n to fd a l i a nc i t yt o u r i s mi n f o r m a t i o n s y s t e m l i k e w i s e ，t h ep a p e ri l l u s t r a t e sh t m l c s s ( c a s c a d i n gs t y l es h e e t s ) ，j a v a s c r i p t s c r i p t i n gl a n g u a g ea n dp a n o r a m a , a n dt h eo v e r a l lf r a m e w o r ko f 51d i m m a p sa p ii s d e s c r i b e di n c l u d i n gm a p sa p i ，n a v i g a t ea p ia n ds e a r c ha p i ，a n ds oo n d a l i a nc i t y t o u r i s mi n f o r m a t i o ns y s t e mt h a ti sb a s e do n 51d i t u m a p sa p ia p p l i e sj a v a s c r i p t s c r i p t i n gl a n g u a g ef o r m i n gi nt h ed r e a m w e a v e r t h ee l e c t r o n i cm a pd a t ac o m ef r o m “5 1 d i t u o n l i n em a ps e r v e r t h es y s t e mi sd e s i g n e di n t ot h r e em o d u l e s - - e l e c t r o n i cm a p ，m a p s e a r c ha n di n f o r m a t i o na n n o u n c e m e n t ：e l e c t r o n i cm a pm o d u l ef o re m b r a c i n gm a p p u b l i s h i n g ，z o o m ，s c a l e ，e a g l ee y e ，m e a s u r i n gd i s t a n c e ，a n dm e a s u r i n ga r e a , e t c ； m a ps e a r c hm o d u l ef o ra c h i e v i n gt h ei n t e r a c t i v ep o s i t i o ns e a r c h , t h es u r r o u n d i n g s e a r c h i n ga n dt h eg u i d eo fn a v i g a t i n gr o u t e ；a n d i n f o r m a t i o na n n o u n c e m e n tm o d u l e f o r a c h i e v i n gt h e f u n c t i o no f a t t r a c t i o n s ，m a ps i g n s ，a n d w e a t h e ri n f o r m a t i o n a n n o u n c e m e n t ，i nw h i c ht h ea t t r a c t i o ni n f o r m a t i o nu s e st h ep a n o r a m ad i s p l a yt e c h n o l o g y a sw e l l k e y w o r d s ：t o u r i s mi n f o r m a t i o ns y s t e m ；j a v a s c r i p t ；51d i t um a p sa p i ；p a n o r a m a ；d a l i a n c 时 i i 学位论文独创性声明 本人承诺：所呈交的学位论文是本人在导师指导下所取得的研究 成果。论文中除特别加以标注和致谢的地方外，不包含他人和其他机 构已经撰写或发表过的研究成果，其他同志的研究成果对本人的启示 和所提供的帮助，均已在论文中做了明确的声明并表示谢意。 学位论文作者签名：杨多老 日 学位论文版权的使用授权书 期：弘。g 点) 本学位论文作者完全了解辽宁师范大学有关保留、使用学位论文 的规定，及学校有权保留并向国家有关部门或机构送交复印件或磁盘， 允许论文被查阅和借阅。本文授权辽宁师范大学，可以将学位论文的 全部或部分内容编入有关数据库并进行检索，可以采用影印、缩印或 扫描等复制手段保存、汇编学位论文。保密的学位论文在解密后使用 本授权书。 学位论文作者签名：杨；色 指导教师签名 日期 大连市旅游信息系统的设计与实现 第一章绪论 随着现代经济的飞速发展，人们的生活水平不断提高，旅游和消 费的欲望与能力也在不断的提高，而传统的旅游地图越来越无法满足 旅游消费者的多层次的需求。世界旅游旅行业理事会在2 0 0 2 年世界旅 游产业报告中预测，越来越多的旅游者将通过互联网获取旅游目的地 的信息，并查询价格和行程 1 。目前，我国的上网计算机已达七千万 台，互联网用户超过1 7 2 亿，仅次于美国，位居世界第二。网站数量 已经超过l3 1 万个。中国互联网普及率已经达到12 3 。中国大陆地区 域名总数达到9 1 8 万个，年平均增长率高达21 1 。按照信息产业部“十 一五 规划，到2 01o 年，中国互联网用户有望达到2 亿，普及率达到 1 5 。互联网已成为旅游服务的重要媒介。 旅游业正趋向信息化，网络化，自动化的方向发展 2 。旅游业的 信息化，就是采用现代计算机技术、通讯技术和其它有关高新技术手 段及现代传播媒介，对旅游资源、旅游信息资源、旅游生产要素资源 进行深层次的管理、分配、组合、加工、传播、销售、以促进传统旅 游业向现代旅游业的转化，加快旅游业的发展速度，提高旅游业的生 产效率 3 。旅游业是一个信息密集型产业，这一特点决定了信息化是 旅游业发展的强大动力和可靠的科技保障。旅游信息系统的设计目标 主要是借助电子地图来展现旅游形象，介绍旅游产品和旅游服务，发 展潜在的旅游客户群，推动旅游经济的发展 4 。旅游信息系统的服务 对象主要为旅游者、上网者、城市居民、景区景点、宾馆饭店、旅行 社等。 目前，电子地图的实现技术手段主要有以下几种：第一，通过应 用程序接口来实现电子地图的设计。目前，很多网站纷纷开放了自己 的应用程序接口( a p i ) ，如亚马逊公司( a m a z o n ) 、雅虎公司、g o o g le 公司、电子港湾公司( e b a y ) 等。通过这些应用程序接口，每个人都 可以很容易的在自己的网站上显示自己需要的个性地图，可以实现放 大缩小、综合查询等一些功能。第二，基于f 1a s h 技术的多媒体电子 大连市旅游信息系统的设计与实现 地图的实现。它综合应用了数字制图技术、地理信息技术、多媒体技 术和数据库技术，把各种媒体信息( 包括文字、图形、图像、声音、动 画和视频等) 有机地联结在一起，以视觉和听觉等形式直观、动态、形 象地表达空间信息，从根本上改变了传统地图传递信息的单一形式。 第三，基于j s p 、s v g 技术的网上电子地图设计与实现。基于j s p 、s v g 和后台数据库的地理信息服务是一个崭新的研究领域。系统研究的主 要内容是使用j s p 、s v g 技术，结合数据库技术，构建一个网上电子 地图应用系统”。系统采用s q ls e r v e r 作为数据库和数据库管理系统， 使用j s p 技术访问数据库并动态生成s v g 图形，实现了基于s v g 的空 间数据可视化，结合j a v a s c r ip t 技术实现电子地图的各个功能模块。 在继g o o g le 和y a h o o 开放免费的i d a p a p i 之后，北京灵图软件技 术有限公司也在我国首家免费开放自己的地图a p i 接口，这项举动将 专业应用与平民体验的距离大大的缩短。灵图公司所拥有的数据和引 擎，为本接口提供了持续的物质基础，也是其最有价值，最有优势之 处。目前，灵图公司提供的既有免费接口，也有v ip 用户的收费接口， 其中免费接口可以实现基础的地图查询及应用功能。在引擎上有 i f r a m e 、j a v a s c r i p t 、h t t p + x m l 、w e b s e r v ic e 四种形式的接口，这些 接口可以满足网站类( b s ) 和非网站类( c s ) 的应用。如果用户有 自己的数据或信息，可以非常方便的与地图结合起来，形成互动性的 地图应用 5 。 大连是辽宁省第二大城市，东北地区经济发达城市。政治级别国 家计划单列市，副省级城市。如果把目光投向如同雄鸡形状的中华人 民共和国的版图，就会在鸡喙的位置上，找到中国“北方明珠、正 在加快建设中的东北亚国际航运中心城市一一大连。大连地理位置优 越，位于中国辽东半岛最南端，东濒黄海，西l 临渤海，处于环渤海地 区的圈首，是京津的门户，北依中国东北的辽宁省、吉林省、黑龙江 省和内蒙古自治区广大腹地，南与中国山东半岛隔海相望，与日本、 韩国、朝鲜和俄罗斯远东地区相邻。大连是中国著名的避暑胜地和旅 游热点城市，依山傍海，气候宜人，环境优美，适于居住，夏无酷暑， 冬无严寒，年平均气温为1 0 摄氏度，年降雨量7 0 0 毫米左右，无霜期 6 个月。大连是中国首批“优秀旅游城市一，不仅有丰富的中国近代人 2 大连市旅游信息系统的设计与实现 文历史旅游资源，还有许多风景奇秀的自然旅游资源。南部沿海风景 区、旅顺口风景区、金石滩风景区和冰峪风景区是大连四大名胜风景 区。每年一度的大连国际服装节、烟花爆竹迎春会、赏槐会、国际马 拉松赛等大型活动，融经济、文化、旅游为一体，享誉海内外，给城 市发展带来了无限商机和活力。旅游业已发展成为大连的新兴产业， 2 0 0 4 年接待海外游客5 2 万人次，旅游创汇3 5 亿美元、旅游总收入达 17 0 亿元 6 。 i 0 0 年前，一批对法国文化情有独钟的沙俄工程师揣着巴黎的城建 图纸来到这里，希望在这块远东的土地上再造一个“东方巴黎”。由 此形成了大连的一大特色一一以广场为中心，街道向四面八方辐射 7 。全城有8 0 多个广场，大连不仅广场最多，广场文化也同样丰富 多彩，还有全国独一无二的女骑警和圆舞曲。大连重视基础城市建设、 美化环境和环境保护工作，先后荣获联合国授予的“入居奖 、环境 “全球5 0 0 佳城市和全国绿化先进城市、全国环境综合整治十佳城 市、国家卫生城市、国家级园林城市、国家环保模范城等荣誉称号， 获国家建设部。中国人居环境奖”，被联合国确定为亚太地区环境治 理先导城市，授予“国际生态安全最佳城市”称号 6 。目前城市绿化 覆盖率达4 2 。 本文借助5 1 d i t um a p sa p i 的j a v a s c r i p t 接口引擎在d r e a m w e a v e r 环境下设计并开发了大连市旅游信息系统，系统实现了地图显示、查 询、测距、地物查询、周边搜索、路线导航以及信息发布等功能。 第二章旅游信息系统的开发技术 2 1h t m l c s s h t m l ( h y p e rt e x tm a r k - u pl a n g u a g e ) 即超文本标记语言或超文 本链接标示语言，是w w w 的描述语言 8 。h t m l 文本是由h t m l 命令组 成的描述性文本。h t m l 的结构包括头部( h e a d ) 、主体( b o d y ) 两大部 分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体 大连市旅游信息系统的设计与实现 内容。它允许网页制作人建立文本与图片相结合的复杂页面，这些页 面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏 览器 8 。 c s s 是c a s c a d in gs t y les h e e ts ( 层叠样式表) 的简称。c s s 语言是 一种标记语言，它不需要编译，可以直接由浏览器执行。在标准网页设 计中c s s 负责网页内容的表现，通过c s s 你可以轻松的控制页面布局。 下图即为一个由c s s 控制页面布局的形象展示。 硒l 、，k l = 1 糟却出 吲c 觏p d i v - - b 咖 日i v = 。日a n n 嗣刮馕v 刈i vi d 2 增。棚、i 喇i vk s = - 州c p w d i 、，i d - - 刊r x d i v 2 1 1h t m l 简介 图1 由c s s 控制页面布局的展示图 ( 1 ) h t m l 文件结构( d o c u m e n ts t r u c t u r e s ) 如下： 移 、 。7 x 一 ：j ，l j? 。j ? 一，? 。j t ? j * j 。| ，1 l 一 j 一。 g ：j 。擘f ，。! 芦i | 。| | i ”1 v i 矿一“盘。锈 i 驾 ； ! ； 荔 ， ， ， ，! ： 蠢 i ，g 甍 ，! ，、 巩h t m l 文件的正文写在这里i ” i ：，i 乎，一i i 0 。j ! ，寰。搋。航j j 。，。，。t 。屯。一。一氟。j 渤。一。j 。i 。 。j 。i 矗 t 缸。n ，v 。坩一“他，。址i i ，i i ，础啪；毓、。袅f o 氛，t 鼬。如 。j * 嘶满n ：口 删 。- 挑# ，? ? 配日。 o i “憾：m ? 、五to 。护缸懿。二j 铺 4 大连市旅游信息系统的设计与实现 ( 2 ) h t m l 基本标签 h t m l 文档是由h t m l 元素组成的文本文件。h t m l 标签用来组成h t m l 元素。h t m l 标签两端有两个包括字符：“ ，这两个包括字符 被称为角括号。h t m l 标签通常成对出现，比如 和 。一对标签的 前面一个是开始标签，第二个是结束标签，在开始和结束标签之间的文 本是元素内容 9 。 h t m l 标签是大小写无关的，但是提倡使用小写字母。 常用的h t m l 标签有如下几个： 标题标签 标题标签由标签 到 定义。 定义了最大的标题元素， 定义了最小的。例： t h isisah e a d in g ； t h isis ah e a d i n g 。 段落标签 段落标签 。例： t h i si sap a r a g r a p h 。 换行标签 换行标签 ， 标签是一个空标签，它没有结束标记。 标签不管放在什么位置，都能够强制换行。 注释标签 注释标签 ，注释标签用来在h t m l 源文件中插入注释。 注释会被浏览器忽略。 表单标签 表单是一个能够包含表单元素的区域。表单元素是能够让用户在 表单中输入信息的元素。表单是用 元素定义的。最常用的表单 标签是 标签。i n p u t 的类型用t y p e 属性指定，t y p e 属性的值 可以指定为：文本框( t e x t ) 、单选按钮( r a d i0 ) 、复选框( c h e c k b o x ) 、 按钮( b u t t o n ) 、下拉列表( s e le c t ) 。 例： 孽f ”? 、：j 一? ：二7 4 7 ? ? 。瞥一f 。| 。警”、”。”8 j 1 “一? 一妒”“j 飞0 r m n a m e n p u t 之= i秀 i ( ， ，i ； 曩 一 髻 ； 。瓴_ i 。“j 。t i 。吼柚；，砝! 。：喊? 轧| h i 。矗? t ；j 一j # 矗i t | 。、 ? o l t o “# ? | 。t 。缸哦糍，_ 女t n 知觑t ，z | 、。糍o j 嵩滚 大连市旅游信息系统的设计与实现 表格标签 表格是用 标签定义的。 例： 警：- 一、”。”? 。j 二：lj ：。”。? ”“一9 ”节”“、节锷。”一”肾“”。“”8 嘴”i 粤气訾”8 强t 。 凑 i ； = n 一? i 、。? 。? 乩班川z ? 鑫i _ 。能“，洳j j 饥“j 、2 。? ：j ? * 弛。意矿二j 。t 肼，孟 哮。磊 2 定义内部样式块对象( e m b e d d i n gas t y l eb 1 0 c k ) 在你的h t m l 文档的 和 标记之间插入一个 块对象。 ： f o n t - f a m i l y ：”宋体。； f o l l t s iz e ：x s m a i l ； p a d d i n g ：1 0 p x ； 矿“? 7 。一”鼍鬈? ”r7 鬻鄂”锈 翟 鲁 f 噶 萝 i 7 ： ； ： 亳一e ? ，? 、一一，。| 一：，| 一| | 一。一。，。, f 。，j 。蛳毳 键施撕。?p 。t。，：| |：“ 。? 。o ，：二。t ，。一* ，? ：。 #f，“j 倘= 17 ? 如。? 一 ，| 。_ 曲t 嚼 3 内联定义( i n lin es t y le s ) 内联定义即是在对象的标记内使用对象的s t y le 属性定义适用的 样式表属性。 示例如下： 零o j。 。| “?+ 一j 。 。一鬻_ 1 “7 。扩一* j “_ “”9 “? ”。“”“，8 锈 ； 这一行被设置了字体为宋体，字号为1 0 批；? 一i ； 扪，：，m。 。 一i 。 。 ? t6 。? 口。、 # l 7 t 六 e 、i en o se ，、 l y 七 ， s 。 1 、， l m e h r 。 d k a n e ， 1 h 。 l ，疆 鬻 忡 甲 ” e 鼍 l t s 铲 1 s t c 黟 e e d l l a t y ”e 1 t ”h t s 、 爹o：0，；o 大连市旅游信息系统的设计与实现 2 2j a v a s crip t 2 2 1j a v a s crip t 概况 j a v a s c r ip t 是一种基于对象( o b j e c t ) 和事件驱动( e v e n td r iy e n ) 并具有安全性能的脚本语言。它是通过嵌入或调入在标准的h t m l 语言 中实现。j a v a s c r ip t 的基本结构形式与c 、c + + 、v b 、d e lp h i 十分类似。 但它不像这些语言一样，需要预先编译，而是在程序运行过程中被逐 行地解释 1 1 。 j a v a s c r ip t 是动态的，它可以给网页增加互动性，能及时响应用 户的操作，对提交表单做即时的检查，无需浪费时间经过w e b 服务程 序 12 。j a v a s c r ip t 是依赖于浏览器本身，与操作环境无关，只要能 运行测览器的计算机，并支持j a v a s c ri p t 的浏览器就可正确执行。 j a v a s c r i p t 区分大小写。在j a v a s c r i p t 中，对象名必须大写； 方法名和属性名可大写也可小写。 j a v a s c r ip t 脚本可以采用内嵌法和外联法被使用到h t m l 文档中。 以下代码为内嵌法示例： 鼍歹7 。：一，! “jj。 “? t _ ；”。”j _ 掣“铆嘻獬”缈i 。拳。”畔啊恤2 i 一j q _ 。删7 ”。? 黟j ? 4 缀 ? i 二 劳 ：l ；， i j t = 一 ， ：? ? ： ! 。 ! 一一 ： ：； ：，a l e r t ”这是第一个j a v a s c r i p t 例子! i t ) ； 7 ； j j a v a s c r i p t 结束一一) ； i； 。 j i + j ： i 气磁缸“? ，一 ，锐= o 。，。，唯，嘶rv 0 犹如：僻? ? 4 | j - h ，： 骨n ? 。= 。，vt 、 ? ，t ，。 在i n t e r n e te x p l o r e 7 0 中运行结果如图2 所示： 8 ，缓 。五凌 火连市旅游信息系统的设计与实现 熙蚴嬲嬲嬲捌二憋燃燃黪瞪，贼黧：糕缀夏圈 露t 匿巫三面藿匡正二 趸昝固编辑琶看( 芏) 嶷强轰( 垒) 工覆警嵇勐凹链接” f i i 蓠纛翥氮荔蒸1 f i 一莓一i 聂薹聂函蕊翰嘲 忿这是第一个a 5 c r i p t 铡子! i i 如。薅意。l 鎏我的电脑 气1 0 0 图2 j a v a s c r i p t 示例程序运行结果示意图 j a v a s c r i p t代码由 说明。在标识 之间加入j a v a s c r ip t 脚本。 “”双斜杠表示7 a v a s c rip t 的注释部分，即从“”开始到行 尾的字符都被忽略。 的位置并不是固定的，它可以包含在 或 中的任何地方。 如果已经存在一个7 a v a s c rip t 源文件( 以js 为扩展名) ，则可以 采用外联法，以提高程序代码的利用率。其基本格式如下： 褰爨慧鬻爨溪爨蒸鬻寨熬藜蒸鬻 其中的u r l 就是程序文件的地址。同样的，这样的语句可以放在 h t m l 文档头部或主体的任何部分。 2 2 2j av as crip t 基本语法 2 2 2 1j a v a s crip t 的数据类型 j a v a s c rip t 提供了四种基本的数据类型用来处理数字和文字，而 变量提供存放信息的地方，表达式则可以完成较复杂的信息处理 9 大连市旅游信息系统的设计与实现 12 。 在j a v a s c r ip t 的基本类型中的数据可以是常量，也可以变量。由 于j a v a s c r ip t 采用弱类型的形式，因而一个数据的变量或常量不必事 先作声明，而是在使用或赋值时确定其数据的类型的。当然也可以先 声明该数据的类型，通过在赋值时自动说明其数据类型。 常量 常量包括整型常量、实型常量、布尔值、字符型常量、空值、特 殊字符。 整型常量通常又称字面常量，它是不能改变的数据。整型常量可 以使用十六进制、八进制和十进制表示其值。 实型常量是由整数部分加小数部分表示，如12 3 2 、1 9 3 9 8 。 布尔常量只有两种状态：t r u e 或f a ls e 。它主要用来说明或代表 一种状态或标志，以说明操作流程。 使用单引号( ) 或双引号( “ ) 括起来的一个或几个字符。如 t h i si sab o o ko fj a v a s c r i p t 。 j a v a s c r i p t 中有一个空值n u l l ，表示什么也没有。 同c 语言一样，j a v a s c r ip t 中同样有些以反斜杠( ) 开头的不 可显示的特殊字符，通常被称为控制字符。 变量 变量的主要作用是存取数据、提供存放信息的容器。对于变量必 须明确变量的命名、变量的类型、变量的声明及其变量的作用域。 j a v a s c r i p t 中的变量名由数字字母及下划线组成，以数字或字母开头， 不能使用j a v a s c r ip t 中的关键字作为变量。 在j a v a s c r i p t 中，变量用命令v a r 作声明，并可以同时赋予它值。 例： 骶 一：、：0 ：h、”：”一。+ 己i ，”。一。i 一一= 二”“”一。”一j j “”i | 。07 焉，v a r 。m j y h s 一警t ，h i ? i s 。a ；冀? ? 一一。一jj 。| | 。j 一? 。一一。j 矗 强矗札。u i ，? ， ，叫”。ih。i ? ， m 矿一? ? 一：、? + ，|，一? j ，“| 。：p 泓妇。f t 懈t 。o _ ，杠b 钆t * 壤 该例子定义了一个m y t e s t 变量，同时赋予了它的值。 在j a v a s c r ip t 中有全局变量和局部变量之分。全局变量是定义在 所有函数体之外，其作用范围是整个函数；而局部变量是定义在函数 体之内，只对其该函数是可见的，而对其它函数则是不可见的 12 。 l o 大连市旅游信息系统的设计与实现 2 2 2 2j a v a s c rip t 的程序构成 j a v a s c r ip t 脚本语言的基本构成是由控制语句、函数、对象、方 法、属性等，来实现编程的。 一、程序控制流， 在任何一种语言中，程序控制流是必须的，它能使得整个程序减 小混乱，使之顺利按其一定的方式执行。下面是j a v a s c r i p t 常用的程 序控制流结构及语句： 1 、if 条件语句 基本格式 鬈i f ”，、觳基哉、。一”矽。：_ 一? 。4 一一j 怫m ”一j 二张9 ”“i 一4 ”警。飞箬( 表述式)霪 ： 语句段1 ； ； ? ；e ls el f 、一 j 漫警段2 ；。jj ，。，。 一，。心磊 纨。1? ，。 ，二一，? 、i 一， 珏，一，捣沈 功能：若表达式为t r u e ，则执行语句段1 ；否则执行语句段2 。 说明：if - e ls e 语句是j a v a s c r i p t 中最基本的控制语句，通过 它可以改变语句的执行顺序。表达式中必须使用关系语句，来实现判 断，它是作为一个布尔值来估算的。它将零和非零的数分别转化成 f a ls e 和t r u e 。若if 后的语句有多行，则必须使用花括号将其括起来。 2 、f o r 循环语句 基本格式 影”，h “m9 “二i ：”。l * 二4 y 矿”一”夥”。矽掣”7 罗”9 一77 笏 ? f o r ( 初始化；条件；增量) z 5 i i 浮警豁。? 、i 一。，一。一。j 。| 。| | j 。j 。螽 强4 。4 o 。”一。，：，? 。，、。o ：zo 一。“。、1 4 ；j。o # 强 功能：实现条件循环，当条件成立时，执行语句集，否则跳出循 环体。 说明：初始化参数告诉循环的开始位置，必须赋予变量的初值；条 件是用于判别循环停止时的条件。若条件满足，则执行循环体，否则 跳出。增量主要定义循环控制变量在每次循环时按什么方式变化。 3 、w h i1e 循环 基本格式 大连市旅游信息系统的设计与实现 影一、”? 之j 。h ：”j 。吁嘲”攀狮强誓雠8 ”孵唑一”? 。一| 。”3 ”“。”“胛“j ? 岬”_ 锈 7 w h i l e ( 条件)，差 童 毫孽粤集；。， 。乞。一一。 _ ，。， ，_ 一， ， ，鬟 锄一 一t7 ! 乞；：“ 。? t 。， ? ， 。，：魄 该语句与f o r 语句一样，当条件为真时，重复循环，否则退出循 环。 4 、b r e a k 和c o n t i n u e 语句 使用b r e a k 语句使得循环从f o r 或w h il e 中跳出，c o n t in u e 使得 跳过循环内剩余的语句而进入下一次循环。 二、函数 通常在进行一个复杂的程序设计时，总是根据所要完成的功能， 将程序划分为一些相对独立的部分，每部分编写一个函数。从而，使 各部分充分独立，任务单一，程序清晰，易懂、易读、易维护 1 1 。 3 a v a s c r ip t 函数可以封装那些在程序中可能要多次用到的模块。并可 作为事件驱动的结果而调用的程序。 j a v a s c r ip t 函数定义语法： ：f u n c t i o n 函数名 ( 参数，变元) ； 学 函数体； r e t u r n 表达式；： 镰。瓴，? j j 。 ， 一。j 。，? j 。j ，| =，j l i 麓 叛。j j j 氛? ，+ v“l 。，| 。：f 。”j “，| 。：，：? 。一糍 说明：函数由关键字f u n c t io n 定义。参数是传递给函数使用或 操作的值，其值可以是常量，变量或其它表达式。通过指定函数名( 实 参) 来调用一个函数。必须使用r e t u r n 将值返回。函数名对大小写是 敏感的。 三、事件驱动及事件处理 通常鼠标或热键的动作我们称之为事件( e v e n t ) ，而由鼠标或热 键引发的一连串程序的动作，称之为事件驱动( e v e n td r i v e r ) 。而对 事件进行处理程序或函数，我们称之为事件处理程序( e v e n th a n d le r ) 1 3 。 j a v a s c r ip t 事件驱动中的事件是通过鼠标或热键的动作引发的。 主要有以下几个事件：单击事件( o n e lic k ) 、改变事件( o n c h a n g e ) 、 选中事件( o n s e le c t ) 、获得焦点事件( o n f o c u s ) 、失去焦点( o n b lu r ) 、 载入文件( o n l o a d ) 、卸载文件( o n u n l o a d ) 。 大连市旅游信息系统的设计与实现 2 351dit um a psa pi 2 3 151ditum a psa pi 概况 在继g o 0 9 1e 和y a h o o 开放免费的电子地图a p i 之后，北京灵图软 件技术有限公司也在我国首家免费开放自己的地图a p i 接口，在引擎 上提供了i f r a m e 、7 a v a s c r ip t 、h tt p + x m l 、w e b s e r v ic e 四种形式的接 口，这些接口可以满足网站类( b s ) 和非网站类( c s ) 的应用。本 系统中选用了7 a v a s c r ip t 接口。北京灵图软件技术有限公司所拥有的 数据和引擎，为本接口提供了持续的物质基础，也是其最有价值、最 有优势之处。除此之外，51d it um a p sa p i 接口的核心价值还体现在灵 图公司的每周7 天，每天2 4 小时的运营维护和技术支持上5 。 一 t 。+ 汹t e r n c l 、 5 1 dr t u 免羲， v i p 甩声 ”p 零p 翁 絮絮簟罐露簟 公鼙囊镝驾骖辞缎 荔城援棠 涎臻疆编也缝嘲盎锈转揍 l奎 曼圈引要 lll l 公至痒囊盘韪熙翱 p 。 。臣 箕缝f t 您l - 一一俐一 2 3 2 地图接口 图3 5 l d i t ul “a psa p i 整体架构图 5 。霉 舷蠡 用 l 訾 j 黪l 霍用i 菘缭i i i ：功畿： i j 地盈置承 ： ；地翘缀敏 ： ；埯_ 图平移 i ：姥塑标点j ：地毽标缝 i i 地豳打印； i 公爻置i 訇 ： ：驾驶毋蕺i ：瘩地搜豢i ：逆地理绥码1 1 l t m a p s 类 l t m a p s 类是51d it um a p sa p i 的核心对象，每个实例代表页面上 大连市旅游信息系统的设计与实现 的一幅地图，l t m a p s 类的方法如表2 1 所示 15 。 表2 - 1l t m a p s 类的方法 方法名称返回类型参数说明方法说明 ： c o n t a i n e r 参数用来显 此方法使用指定 示地图的层或层的i d ， l t m a p s ( c o n t a i n e r )l t m a p s的层，创建一个 必须是已经在页面文档 地图对象。 之中存在的层。 p o i n t 参数可以为 l t p o i n t 对象，也可以初始化或重新定 c e n t e r a n d z o o m 无是城市代码。位地图的中心点 ( p o i n t ，z o o m ) z o o m 参数表示缩放等和缩放等级。 级。 c o n t r 0 1 参数可以为地向地图上添加一 a d d c o n t r o1 图控件名称，如鹰眼地个控件，可以是 无 ( c o n t r 0 1 )图控件，拉框放大控件，系统集成的控件 导航控件等。或自定义控件。 o v e r l a y 参数可以为地 图标注的名称，目前系 向地图上添加一 a d d o v e r l a y ( o v e r la y ) 无统集成的标注有：图标 个标注 标记l t m a r k e r ，文字标 记，折线，信息浮窗等。 将地图的中心点 变换到指定的地 o v e t o c e n t e rp o i n t 参数为l t p o i n t理坐标，如果移 无 ( p o i n t )类型 动范围不大，则 执行一个滑动过 程 移除地图上的所 cl e a r o v e r l a y s ( ) 无无 有标注 g e t m a p c o n t e n t ( f l a g )字符串参数f 1a g 为0 时，标注获取当前地图的 1 4 大连市旅游信息系统的设计与实现 内容和地图图片内容；内容h t m l ，用来 为1 时仅打印地图图片实现打印等功能 内容。 2 l t p o in t 类 l t p o in t 类的每个实例代表地理点坐标，该点的位置可以通过灵图 公司提供的n t u 坐标来描述，l t p o in t 类的方法如表2 - 2 所示。 表2 - 2l t p o i n t 类的方法 嗵 方法名称 返回类型参数说明方法说明 ! 二 参数l n g 为n t u 经度， 以指定的n t u 经 类型为数字型；参数l a t l t p o i n t ( 1