大连市旅游电子地图的设计与开发

景昕蒂，王方雄

（1.辽宁师范大学自然地理与空间信息科学辽宁省重点实验室，辽宁大连 116029；2.辽宁师范大学城市与环境学院，辽宁大连 116029）

大连市旅游电子地图的设计与开发

景昕蒂1，王方雄2

（1.辽宁师范大学自然地理与空间信息科学辽宁省重点实验室，辽宁大连 116029；2.辽宁师范大学城市与环境学院，辽宁大连 116029）

电子地图公共接口51ditu API设计并开发了大连市旅游电子地图,实现了地图浏览、旅游信息查询和旅游信息内容等基本功能，以及周边查询和路线导航等地理分析功能。旅游电子地图使游客能够方便快捷地获取旅游目的地的近期旅游动态信息，从而合理安排旅游计划。

电子地图；51ditu API；JavaScript；大连市

随着社会经济的发展和人民生活水平的提高，旅游已经成为一种消费时尚。而大连这个依山傍海，气候宜人的浪漫之都，越来越受到广大游客的青睐。如何及时准确，生动形象地将旅游信息展现给游客就成了旅游行业迫切需要解决的问题之一。随着计算机技术、多媒体技术、虚拟现实技术以及网络技术的发展，地图可视化的表达方式和手段更加丰富，而且还具有高度交互动态显示的能力，形成了数据分析的虚拟实验平台。目前国内比较有代表性的二维电子地图有北京图为先公司开发的 Mapbar、北京灵图公司的51ditu和谷歌公司的Google Maps。51ditu API提供了地图接口、导航接口和查询接口三大类功能接口，可以访问在线数据库，实现基本地图操作、搜索和导航等功能。共有26个类，包括1个基础地图类，8个可定制控件类，5个标注类，5个其他类，另外还有与标注接口有关的1个类、与搜索接口有关的3个类、与导航接口有关的3个类。本文基于51ditu API，把各种媒体信息有机地联结在一起，从而直观、动态、形象地表达空间信息，为游客获取旅游信息提供了一个方便快捷的渠道。

1 系统设计

1.1 系统总体设计

由于大连广场众多，是旅游首选之处，所以将以广场主题为主，建立大连市旅游信息基础数据库，并基于JavaScript语言，利用北京灵图公司提供的电子地图公共接口，设计并开发大连市旅游电子地图，搭建门户网站。大连市旅游电子地图网站的总体设计如图1所示。

图1 大连市旅游电子地图网站总体设计图

1.2 系统界面设计

运用可视化的网页制作技术设计网页布局，制作了简洁的交互式地图平台。界面上，框架颜色为浅黄色，色彩柔和，并能突出地图的主题地位。地图框位于网页中部，两侧对称布局，保证页面布局的视觉平衡。地图左侧为工具栏，从上至下依次为放大、缩小、拖动、标尺、标注、清除、打印；地图上方为综合查询工具，从左至右依次为周边搜索、出行路线和地图查询；地图右上方为城市广场、城市公园和高等学府的旅游信息内容，用户在其下拉框列表中以查找到自己感兴趣的广场、公园或大学。地图的右下方为鹰眼显示区，即可以反映当前显示的地图在大连市的位置，并可将其隐藏。大连市旅游电子地图的主要操作功能有：重新对中、放大、缩小、漫游、标注、量距、清除、信息查询、周边信息搜索、路径信息查询、旅游信息内容查询。网站功能界面如图2所示。

图2 大连市旅游电子地图的功能界面

1.3 数据库设计

数据库设计主要针对大连广场、公园、大学的信息，包括文字信息、图片信息、位置信息等进行组织，以满足查询的需要。在Access环境下，建立数据库名为db.mdb，依次在数据库中分别建立square、park、university三个表，用以存储这三个方面的信息。以广场为例，表和字段的设计如表1所示。

表1 square表的设计结构图

2 功能实现

2.1 地图浏览功能

通过引入51ditu地图浏览接口，实现地图的浏览功能。利用此功能提供的各种控件可对地图进行漫游浏览。实现地图浏览功能包括：标注、放大、缩小、清除、测距、打印和鹰眼功能。

2.2 地图查询功能

利用查询功能，用户通过输入想要查询的目标名称或关键字，便可以在查询到目标要素的相关信息。

1）地物查询功能。在搜索框中输入需要查询的地物名称便可以显示出与其相关的目标信息列表，用户可以自主选择，将地图定位到目标处。该功能主要利用LTLocalSearch类search方法获取查询信息，然后利用JavaScript操作htm l实现。

2）旅游信息内容查询功能。本文是以城市广场、城市公园和高等学府为主题，使用户能够更加便捷地找到目标的位置。下面以广场为例，说明主题信息查询功能的实现过程。

首先利用asp读取广场数据显示广场列表；单击列表中的广场名称，便可以直接定位到目标位置处。利用LTMaps类的moveToCenter(point)方法，可将地图定位到目标位置。利用 LTInfoWindow类的 LTInfo-Window(point，offset)方法创建信息浮窗。具体实现代码如下：

2.3 地图分析功能

通过地图分析功能，用户可以单纯浏览所需要的某专题信息，而不受其他专题的干扰，如周边搜索功能，用户可以在输入自己需要查看的专题进行查询。

1）周边搜索。周边搜索功能实际上是旅游电子地图的缓冲区分析功能。通过标记搜索点，选择搜索半径，实际上就建立了一个缓冲区，然后设置搜索主题，用户可以在此缓冲区内搜索到周边地区的宾馆、学校等相关信息。利用LTMarkControl类的btnClick()方法，模拟控件的按钮被点击，每运行一次该方法，相当于点击一次控件的按钮切换该控件的打开或关闭状态。利用LTLocalSearch类的search(words,area,start)方法，参数words传入主题框中的内容，参数area传入缓冲区范围，以实现周边搜索功能。

2）旅游出行路线查询。旅游出行线路查询实际上是旅游电子地图的线路分析功能。通过标记出发点和目的地的位置，单击路径查询，在地图上就会显示出一条最优化的路径信息，为出行者提供参考方案。创建LTMarkControl类的实例，利用LTMaps类的addControl(control)方法，可将起始点标注控件和目的地标注控件添加到电子地图中。创建LTNavigate类的一个实例，利用 LTNavigate类 LTNavigate(handle)方法，handle参数传入处理搜索结果的函数 run。利用LTNavigate类的setFrom (city,name,point)和setTo (city,name,point)方法可以设置导航的起点和终点。具体实现代码如下：

3结语

本文通过建立大连市旅游信息基础数据库（以城市广场为主题），基于JavaScript语言，利用北京灵图公司提供的电子地图公共接口（51ditu API）设计并开发大连市旅游电子地图，搭建门户网站。总结如下：①介绍了51dituAPI地图接口、导航接口和查询接口，将大连市旅游电子地图网站分成地图浏览、旅游信息查询和旅游信息内容三个模块，并将大连城市广场、城市公园和高等学府三个方面的数据信息组织到 Access数据库中。②在对大连市电子旅游地图进行界面设计的基础上，通过51ditu公共接口，访问在线电子地图服务器数据，实现了大连旅游电子地图浏览、标注、放大、缩小、清除、打印、鹰眼等功能，实现了地物查询功能、主题信息查询功能、周边搜索、出行路线查询功能，并给出部分程序代码和系统运行界面。

[1] API.51DITU.COM开发者文档[EB/OL].http://api.51ditu.com/ docs/index.htm l,2008-04-02

[2] 屈维,陶世胜.旅游业网上电子地图导游系统框架构想[J].地图,2000,02:5-7

[3] 茆长荣.旅游电子地图功能与内容的探讨--以合肥为例[J].合肥学院学报,2006,16(4):86-89

[4] Jeremy Keith.JavaScriptDOM编程艺术[M].北京:人民邮电出版社,2007

[5] 宫辉力,赵文吉,李小娟，等.旅游地理信息系统--设计、开发与应用[M].北京:科学出版社,2005

Design and Development of Dalian Tour Electronic M ap

by Jing Xindi

Through 51 ditu API provided by LINGTU Corporation,we designed and deve loped Dalian tour electronic map.It had realized som e basic functions,including m ap browsing,tour in formation inquiry and some information on tours.And it had realized peripheral search and navigation.Tourists could get the dynamic information of the p lace,and they could rationally make their travel plans.

electronic map,51 ditu API,JavaScript,Dalian （Page:128）

P295

B

1672-4623(2010)06-0128-03

2010-06-12

项目来源：辽宁省教育厅创新团队资助项目（WT2010031）；教育部人文社科重点研究基地资助项目（08JJD790142）。

景昕蒂，硕士，主要研究方向为网络GIS。