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

2011 年 2 月地理空间信息 Feb., 2011
第 9 卷第 1 期 GEOSPATIAL INFORMATION Vol. 9, No. 1
大连市旅游电子地图的设计与开发
景昕蒂 1,王方雄 2
(1. 辽宁师范大学自然地理与空间信息科学辽宁省重点实验室,辽宁大连 116029;
2. 辽宁师范大学城市与环境学院,辽宁大连 116029)
摘要:电子地图公共接口 51ditu API 设计并开发了大连市旅游电子地图, 实现了地图浏览、旅游信息查询和旅游信息内
容等基本功能,以及周边查询和路线导航等地理分析功能。旅游电子地图使游客能够方便快捷地获取旅游目的地的近期旅
游动态信息,从而合理安排旅游计划。
关键词:电子地图;51ditu API;JavaScript;大连市
中图分类号:P295 文献标志码: B 文章编号: 1672-4623 (2010) 06-0128-03
随着社会经济的发展和人民生活水平的提高,旅
大连市旅游电子地图网
游已经成为一种消费时尚。而大连这个依山傍海,气
候宜人的浪漫之都,越来越受到广大游客的青睐。如
何及时准确,生动形象地将旅游信息展现给游客就成旅游信息查询地图浏览旅游信息内容
了旅游行业迫切需要解决的问题之一。随着计算机技
大
术、多媒体技术、虚拟现实技术以及网络技术的发展, 出
连
周行地城城高
市
边路物市市等
地图可视化的表达方式和手段更加丰富,而且还具有电
查线查广公学
子
询查询场园府
高度交互动态显示的能力,形成了数据分析的虚拟实地
询
图
验平台。目前国内比较有代表性的二维电子地图有北
京图为先公司开发的、北京灵图公司的
Mapbar 51ditu 图 1 大连市旅游电子地图网站总体设计图
和谷歌公司的 Google Maps。51ditu API 提供了地图接
系统界面设计
口、导航接口和查询接口三大类功能接口,可以访问
运用可视化的网页制作技术设计网页布局,制作
在线数据库,实现基本地图操作、搜索和导航等功能。
了简洁的交互式地图平台。界面上,框架颜色为浅黄
共有个类,包括个基础地图类, 个可定制控件
26 1 8 色,色彩柔和,并能突出地图的主题地位。地图框位
类, 个标注类, 个其他类,另外还有与标注接口有
5 5 于网页中部,两侧对称布局,保证页面布局的视觉平
关的个类、与搜索接口有关的个类、与导航接口
1 3 衡。地图左侧为工具栏,从上至下依次为放大、缩小、
有关的个类。本文基于,把各种媒体信息
3 51ditu API 拖动、标尺、标注、清除、打印;地图上方为综合查
有机地联结在一起,从而直观、动态、形象地表达空
询工具,从左至右依次为周边搜索、出行路线和地图
间信息,为游客获取旅游信息提供了一个方便快捷的
查询;地图右上方为城市广场、城市公园和高等学府
渠道。
的旅游信息内容,用户在其下拉框列表中以查找到自
1 系统设计己感兴趣的广场、公园或大学。地图的右下方为鹰眼
显示区,即可以反映当前显示的地图在大连市的位置,
系统总体设计
并可将其隐藏。大连市旅游电子地图的主要操作功能