基于百度地图API的旅游地理信息系统开发

1、基于百度地图 API 的旅游地理信息系统开发 *王红崧周海晏，（西 南 林 业 大 学 生 态 旅 游 学 院 ， 昆 明 650224）摘要 ： 针 对 传 统 GIS 开 发 周 期 长 、过 程 复 杂 、建 设 成 本 高 的 缺 陷 ，以 昆 明 旅 游 资 源 为 例 ，阐 述 利 用百 度 地 图 API 技 术 建 立 基 于 WebGIS 的 旅 游 地 理 信 息 系 统 ，介 绍 系 统 的 体 系 结 构 和 使 用 百 度 API 开 发 系 统 的 步 骤 ，为 研 究 旅 游 地 理 信 息 系 统 的 建 设 提 供 一 定 的 参 考 和 借 鉴 。关 键 词

2、 ： 百 度 地 图 API； WebGIS； 地 理 信 息 系 统 ； 旅 游 资 源引 言近 几 年 ，百度地图 API 简介01随着计算机技术的飞速发 展 以 及 计 算 机“API”即应用程序编 程 接 口 ，地 图 API 可 让 第 三 方通信网络基础设施的不断改善 ， 以 网 络 技 术 和 空 间 信网 站 通 过 API 编程方式调用地图服务网站数据库 中 的息处理为核心的 WebGIS 技 术 ，具 有 强 大 的 空 间 信 息信息和功能 。 百度地图 API 是一套由 JavaScript 语言编管 理 与 分 析 、属性数据查询等 功 能 ，同 时 信 息 具 有

3、动 态实 时 更 新 、图 文 并 茂 、形 象 直 观 的 特 点 。 采 用 WebGIS 开发的旅游信息系统 ，可 以 轻 松 通 过 Web 发 布 旅 游 资 源 信 息 ， 快速寻找所需要的各种旅游资源 和 旅 游 产 品 空 间 数 据 、图 形 图 像 、多 媒 体 数 据 ，还 可 以 进 行 空 间 分 析 ，分 析 结 果 以 图 、表 等 多 种 方 式 表 现 出 来 ，从 而 提 高 了旅游决策的直观性 、准 确 性 ，这样不仅使游 客 对 感 兴 趣的旅游产品了如指掌 ， 而 且 也 大 大 提 高 了 旅 游 管 理写的应用程序接口 ，它提供了网络地图 服 务

4、的 全 部 功能 ，包 括 地 图 数 据 、地 图 显 示 、地 图 操 作 、地 图 标 注 、地图编辑 、地图查询等 。 百度 API 通过地 图服务应用接口将应用开发平台和地理信息数据捆绑 ， 将 复 杂 的 地 理信息系统底层进行封装 ，用户可不必了 解 它 的 技 术 细节就能在应用中快速构建基础地 理 底图2，进 行 各 种 专题要素及地图查询等网 络 地图服务 ， 从 而 快 速 地 在 网站中构建功能 丰 富 、 交互性强的地图 应 用 程 序 。 百 度者 的 工 作 效 率 ，为区域旅游 信息系统的研 究 探 索 了 一API 从 地 图 服务 和 开 发 两个层面降低了

5、 GIS 的 应 用 门条 新 的 途 径 ，为区 域旅游的科学管理与决 策 提 供 了 有槛，它已 成为一种新型的服务共享和数据共享方式 。 开力 的 技 术 支 持 。 但 是 由 于 在 建 设 WebGIS 平 台 中 获 取旅游地 理信息数据有一定的过程和难度 ， 地 图 信 息 的 显示精度也不一定达到需求 ，所以使得开发 周 期长 、过 程复杂 、建设和维护成本都很高1。 要解 决这个问题 ，我发 者 只 需 使 用 JavaScript 脚本语言就可以将地图 API提供的 网络地图服务衔接到自己的网页中 。利 用 百 度 地 图 API 技术构建网络地图服务平台 ，采 用 浏

6、览 器 、 应 用 服 务 器 和数据服务器三层 B/S 结 构们可以利用百度地图 API 电 子 地 图 ，应 用 其 接 口 创 建进行搭建 。 其中浏览器端主要实现地图加载 、地 图浏览旅游地图信 息 系 统 ，这样可以更便利 、更 准 确 地 以 We-bGIS 形式发布旅游资源信息 。界面和地图查询功能 ，把用户访问和查 询 请 求 发 送 给服 务 器 端 。应用服务器负责处理用 户 的访问 和 查 询 请* 基 金 项 目:云 南 省 教 育 厅 科 研 基 金 （No.501002）收 稿 日 期 ：2012-07-10修 稿 日 期 ：2012-08-10作 者 简 介 ：王

7、 红 崧 （1971-），女 ，硕 士 ，副 教 授 ，硕 士 生 导 师 ，研 究 方 向 为 旅 游 信 息 系 统 、旅 游 数 据 挖 掘图 1 系 统 结 构表 1 Area 表 IDK ID intNamaK nvarckar(O)表 2 HotelPrice 表 PID ID intPri¤Rand : nvarchar(O)表 3 HotelXingJi 表 ID %¾ ID intingNam¤ %¾ nvarchar(30)表 4 Hotel 表 HIDK Hot¤lNam¤ K H ot ¤lImg H

8、ot ¤lRddr¤ KK Hot¤lRr¤a K Hot¤lPri¤ Hot¤lingji %¾ Hot¤lFh¤hi !"Hot¤lI ntrod!¤$%"o!#¤i)*$anjian+,% & hinan-./0求 ， 以 ASP、JSP、PHP 等 对 百 度 地 图 API 进 行 扩 展 封装，提供对数 据库的访问服务 。 数据服务器通过挂接一PriceRand 字 段 ，HotelXingJi 表 包 括 各 个 宾 馆 星

9、 级 名 称字 段 XingName，星 级有两星及以下 、三 星 级 、四 星 级个存储属性信息的数据库 ，存取各类空间 数 据 和 属 性五星级及以上 。各表结构如表 14 所示：信 息 ，以统一的空间坐标建立与 地 图服务器的关联 ，并能在接到查询指令后执 行相应的操作 。系统设计（1）系统体系结构本系统采用了三层的 B/S 体系结构3。 如图 1 所示，2底层的数据层是旅游信息数 据 库 ，采 用 SQL Server 数据 库 存 储 、管理和维护各类图形数据和属性信息 ，并 在接到查询指令后执行相应的操作 ；中 间 层 由 Web 应 用 服务层和百度地图服务层组成 ， 应 用 服

10、 务 层 负 责 处 理 用户的访问请求 ，采 用 Apache 服务 器和服务器端解释 的 脚 本 语 言 PHP， 以 ASP.NET 技 术 和 C# 语 言 进 行 服 务器端应用程序的开发 、维 护 和 更 新 ，地 图 操 作 请 求 部 分由百度地图服务 器 完成 ；客户层即用户浏览器 ，提 供 地 图 浏 览 和 查 询 的 界 面 ,用 JavaScript 嵌 入 百 度 API 来实 现 地 图 服 务 ，以 及把用户的访问和查询 请 求 发 送 给旅游资 源 WebGIS 服务器 。旅游资源地理信息地图实现本文以宾馆旅游资源为例来阐 述 地 图 实 现 过 程 系统地图

11、实现的功能主要包括以下四个 部分 ：（1）地图加载首先，通过<script>标签将百度 API 引到页面中3（2）数据库设计系 统 采 用 SQL Server 2005 作为数据库解 决 方 案 ,包括昆明市按 区划分的地域表 、 各 资 源 信 息 表 以 及 从 各资 源信息中提取的共性数据表 ， 图 像 文 件 没 有 直 接嵌入到数据库中而是被集中保存到 项 目的一个文 件 目录内, 仅在数据库内保存图像文件名称 。 以宾馆 旅游资 源 信 息 为 例 ， 建立相关数据表包括 Area 表 、Hotel 表 、 HotelPrice 表和 HotelXingJi 表 。A

12、rea 表中包括地域识别 号 和 地 域 名 称 ，Hotel 表 包 括 宾 馆 号 、宾 馆 名 称 、宾 馆 图 片 、宾 馆 地 址 、所 属 地 域 、价 格 、星 级 、设 施 、简 介 、口 碑 、<script type = "text/javascript" src = "http:/api.map.baiducom/api?v=1.1&services=true"></script>（2）初始化地图空间如下所示 ，需要在页面中定义不同功能区域 ，并 在其 中 为 地 图指定一个地图容器 ，我 们 把 “

13、content”内 容区分为左右两块 ，其 中 把 “right”指 定 为 系 统 地 图 容 器通过它来展现地图,“left”区定义为信息显 示 区 ，显 示 满足条件的宾馆简要信息 ：交 通 、房 间 等 ，HotelPrice表 包 括 各 个 价 格 区 间 IDintnxarchar(O)nxarchar(4O)nxarchar(aO)intnxarchar(O)intnxarchar(#OO)nxarchar(&()nxarchar(O)nxarchar(&()nxarchar(&()var height = document.body.clientHei

14、ght$("#content").height(height - 90)$("#left").height(height - 90)$("#right").height(height - 90)显示地图时 ，使 用 API 提 供 的 类 、方法等来创建地 图 和初始化地图工作 ，先在地图容器中创建地 图 ：var map = new BMap.Map("right")marker.addEventListener ("click", function ()this.openInfoWindow

15、(infoWindow);), "昆 明 市");显示结果如图 2 所示：再创建点坐标 ，将昆明定义为地图中心点指标 ，并设定地图显示级别 ：var point = new BMap.Point(102.801551, 24.801538)map.centerAndZoom(point, 12)（3）数据显示及地标管理在百度地图上进行地址解析时 ，要 加 载 地 图 覆 盖物 ， 可 以 使 用 BMap.Map.addOverlay() 方法向地图添加 覆 盖 物 ， 通 过 应 用 API 提供的各种类在地图 上 添 加 标 注、文本 、折线、多边形和信息窗口 。 该系

16、统在解析时将宾馆特征地物设置成百度 API 默认的图标标注 ，应 用图 2地 图 显 示 结 果Label 覆 盖 物 类 ，参照酷讯网以 宾馆平均价格 作 为文字 覆 盖 物 ，通过点击宾馆地标符号 ，在 弹 出 窗 口 以 文 字 的 形式显示宾馆名称 、地 址 和 口 碑 信 息 ，而 宾 馆 其 他 详 细（4）查询功能设计通过使用百度地图 API 自带的本地搜索服务及 SQL Server 数据 库 的 属性和空间条件查询功能 ，面上 设置了多种查询功能 ：在 页信息通过点击 左 下方结果 信 息 框 中 的“详 细 信 息 ”获得。 地址解 析和弹出信息框的过程如下所示 ：var

17、myGeo = new BMap.Geocoder(); myGeo.getPoint(value, function (point) if (point) map.centerAndZoom(point, 15);var marker = new BMap.Marker(point);map.addOverlay(marker);var label = new BMap.Label (price + " 元 ", "offset": newBMap.Size(-25, -30) );marker.setLabel(label);label.setSty

18、le( borderColor: "#808080", color: "#333", cursor: " pointer", backgroundColor: "Red", padding: "3px 5px", color: "#eaeef6");var opts = width: 250 var contents = "<div><h3 style='color:#396f95'>" +name + "

19、</ h3><p style='font-size:12px'><b> 地 址 :</b> " + address + " </ p><p><b>口 碑?:</b>" + koupei + "</p>"地图点取查 询 ，单击地图某个信息点 ，系 统 即 显示出对应的信息 。条件输 入 查 询 ，根据用户输入的条件对数 据 库进 行 检 索 ，检索结果信息显示在左下方 ，并 在 地 图 上 做标 注 定 位 ，查询条件可设为

20、酒 店 名 称 、酒 店 地 址 、区 域等条件 。条件选择查 询 ，按 区 域 、价格和酒店星级三 种 条件提供不同范围的组合查询 ，提 高 了 查 询 的 可 操 作 性和 效 率 ，查询结果分别以信息 和 地图标注 形 式 显 示 在窗口下方左右两个区 域 ，方便游客进行对比和选择 。结 语4百度地图为用户提供了强大的各项 电 子 地 图 功能, 它减轻了服务器压力 ，实 现 了 数 据 的 即 时 交 互 响应，用户在它的基础上进行二次 开 发, 可实现各种个性 化以及专业领域的网 络 服务 ，将 百 度 地 图 应 用 于 旅 游var infoWindow = newBMap.In

21、foWindow资源信息 ，为旅 游资源的收集 、保存、整理、分发与利用,(contents, opts);提供了一种网络化的 、便 捷 的 、形象直观的处 理 方式 。本文详细阐述了基于百度地图 API 开 发 旅 游 资 源气 预 报J. 云 南 科 技 管 理,2012,01:461482李 艳. 基 于 地 图 API 的 Web 地 图 服 务 及 应 用 研 究J. 地 理 信 息 世 界 ，2010,04(2):54573杜 传 明. 百 度 地 图 API 在 小 型 地 理 信 息 系 统 中 的 应 用J.测 绘 与 空 间 地 理 信 息,2011,34(2):15215

22、3WebGIS 的 基 本 架构与实现策略 ，并对地图数据 的 导入 、加 载 、显 示 、管 理 、查询等功能实现过程 进 行了 详 细的探讨, 为旅游资源 WebGIS 的研究提供一 定的借鉴 。参 考 文 献1白 学 文,杨 红,杨 韬. 基 于 百 度 地 图 API 发 布 乡 镇 精 细 化 天Development of Tourism Geographic Information SystemBased on Baidu Map APIWANG Hong-song,ZHOU Hai-yan（Department of Eco-Tourism, Southwest Forestr

23、y University, Kunming 650224）Abstract: In view of the long development cycle, complex process, high cost of construction defects of tr-aditional GIS， taking the Kunming traveling resources as an example，describes how to useBaidu map API technology to build tourism geographic information system based

24、 on WebGIS ，introduces the architecture of the system and system development steps，for the study construc-tion of tourism geographic information system to offer certain reference.Keywords: Baidu Map API; WebGIS; Geographic Information Information; Tourism Resources!（上 接 第 59 页 ）Performance Testing Framework for WebGIS PlatformGUO Ying，ZHOU Bo,GAO Chi-yang（Research Cente