基于百度地圖API的旅游地理信息系統(tǒng)開發(fā)

1、基于百度地圖 API 的旅游地理信息系統(tǒng)開發(fā) *王紅崧周海晏，（西 南 林 業(yè) 大 學 生 態(tài) 旅 游 學 院 ， 昆 明 650224）摘要 ： 針 對 傳 統(tǒng) GIS 開 發(fā) 周 期 長 、過 程 復 雜 、建 設(shè) 成 本 高 的 缺 陷 ，以 昆 明 旅 游 資 源 為 例 ，闡 述 利 用百 度 地 圖 API 技 術(shù) 建 立 基 于 WebGIS 的 旅 游 地 理 信 息 系 統(tǒng) ，介 紹 系 統(tǒng) 的 體 系 結(jié) 構(gòu) 和 使 用 百 度 API 開 發(fā) 系 統(tǒng) 的 步 驟 ，為 研 究 旅 游 地 理 信 息 系 統(tǒng) 的 建 設(shè) 提 供 一 定 的 參 考 和 借 鑒 。關(guān) 鍵 詞

2、 ： 百 度 地 圖 API； WebGIS； 地 理 信 息 系 統(tǒng) ； 旅 游 資 源引 言近 幾 年 ，百度地圖 API 簡介01隨著計算機技術(shù)的飛速發(fā) 展 以 及 計 算 機“API”即應用程序編 程 接 口 ，地 圖 API 可 讓 第 三 方通信網(wǎng)絡(luò)基礎(chǔ)設(shè)施的不斷改善 ， 以 網(wǎng) 絡(luò) 技 術(shù) 和 空 間 信網(wǎng) 站 通 過 API 編程方式調(diào)用地圖服務(wù)網(wǎng)站數(shù)據(jù)庫 中 的息處理為核心的 WebGIS 技 術(shù) ，具 有 強 大 的 空 間 信 息信息和功能 。 百度地圖 API 是一套由 JavaScript 語言編管 理 與 分 析 、屬性數(shù)據(jù)查詢等 功 能 ，同 時 信 息 具 有

3、動 態(tài)實 時 更 新 、圖 文 并 茂 、形 象 直 觀 的 特 點 。 采 用 WebGIS 開發(fā)的旅游信息系統(tǒng) ，可 以 輕 松 通 過 Web 發(fā) 布 旅 游 資 源 信 息 ， 快速尋找所需要的各種旅游資源 和 旅 游 產(chǎn) 品 空 間 數(shù) 據(jù) 、圖 形 圖 像 、多 媒 體 數(shù) 據(jù) ，還 可 以 進 行 空 間 分 析 ，分 析 結(jié) 果 以 圖 、表 等 多 種 方 式 表 現(xiàn) 出 來 ，從 而 提 高 了旅游決策的直觀性 、準 確 性 ，這樣不僅使游 客 對 感 興 趣的旅游產(chǎn)品了如指掌 ， 而 且 也 大 大 提 高 了 旅 游 管 理寫的應用程序接口 ，它提供了網(wǎng)絡(luò)地圖 服 務(wù)

4、的 全 部 功能 ，包 括 地 圖 數(shù) 據(jù) 、地 圖 顯 示 、地 圖 操 作 、地 圖 標 注 、地圖編輯 、地圖查詢等 。 百度 API 通過地 圖服務(wù)應用接口將應用開發(fā)平臺和地理信息數(shù)據(jù)捆綁 ， 將 復 雜 的 地 理信息系統(tǒng)底層進行封裝 ，用戶可不必了 解 它 的 技 術(shù) 細節(jié)就能在應用中快速構(gòu)建基礎(chǔ)地 理 底圖2，進 行 各 種 專題要素及地圖查詢等網(wǎng) 絡(luò) 地圖服務(wù) ， 從 而 快 速 地 在 網(wǎng)站中構(gòu)建功能 豐 富 、 交互性強的地圖 應 用 程 序 。 百 度者 的 工 作 效 率 ，為區(qū)域旅游 信息系統(tǒng)的研 究 探 索 了 一API 從 地 圖 服務(wù) 和 開 發(fā) 兩個層面降低了

5、 GIS 的 應 用 門條 新 的 途 徑 ，為區(qū) 域旅游的科學管理與決 策 提 供 了 有檻，它已 成為一種新型的服務(wù)共享和數(shù)據(jù)共享方式 。 開力 的 技 術(shù) 支 持 。 但 是 由 于 在 建 設(shè) WebGIS 平 臺 中 獲 取旅游地 理信息數(shù)據(jù)有一定的過程和難度 ， 地 圖 信 息 的 顯示精度也不一定達到需求 ，所以使得開發(fā) 周 期長 、過 程復雜 、建設(shè)和維護成本都很高1。 要解 決這個問題 ，我發(fā) 者 只 需 使 用 JavaScript 腳本語言就可以將地圖 API提供的 網(wǎng)絡(luò)地圖服務(wù)銜接到自己的網(wǎng)頁中 。利 用 百 度 地 圖 API 技術(shù)構(gòu)建網(wǎng)絡(luò)地圖服務(wù)平臺 ，采 用 瀏

6、覽 器 、 應 用 服 務(wù) 器 和數(shù)據(jù)服務(wù)器三層 B/S 結(jié) 構(gòu)們可以利用百度地圖 API 電 子 地 圖 ，應 用 其 接 口 創(chuàng) 建進行搭建 。 其中瀏覽器端主要實現(xiàn)地圖加載 、地 圖瀏覽旅游地圖信 息 系 統(tǒng) ，這樣可以更便利 、更 準 確 地 以 We-bGIS 形式發(fā)布旅游資源信息 。界面和地圖查詢功能 ，把用戶訪問和查 詢 請 求 發(fā) 送 給服 務(wù) 器 端 。應用服務(wù)器負責處理用 戶 的訪問 和 查 詢 請* 基 金 項 目:云 南 省 教 育 廳 科 研 基 金 （No.501002）收 稿 日 期 ：2012-07-10修 稿 日 期 ：2012-08-10作 者 簡 介 ：王

7、 紅 崧 （1971-），女 ，碩 士 ，副 教 授 ，碩 士 生 導 師 ，研 究 方 向 為 旅 游 信 息 系 統(tǒng) 、旅 游 數(shù) 據(jù) 挖 掘圖 1 系 統(tǒng) 結(jié) 構(gòu)表 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 進 行 擴 展 封裝，提供對數(shù) 據(jù)庫的訪問服務(wù) 。 數(shù)據(jù)服務(wù)器通過掛接一PriceRand 字 段 ，HotelXingJi 表 包 括 各 個 賓 館 星

9、 級 名 稱字 段 XingName，星 級有兩星及以下 、三 星 級 、四 星 級個存儲屬性信息的數(shù)據(jù)庫 ，存取各類空間 數(shù) 據(jù) 和 屬 性五星級及以上 。各表結(jié)構(gòu)如表 14 所示：信 息 ，以統(tǒng)一的空間坐標建立與 地 圖服務(wù)器的關(guān)聯(lián) ，并能在接到查詢指令后執(zhí) 行相應的操作 。系統(tǒng)設(shè)計（1）系統(tǒng)體系結(jié)構(gòu)本系統(tǒng)采用了三層的 B/S 體系結(jié)構(gòu)3。 如圖 1 所示，2底層的數(shù)據(jù)層是旅游信息數(shù) 據(jù) 庫 ，采 用 SQL Server 數(shù)據(jù) 庫 存 儲 、管理和維護各類圖形數(shù)據(jù)和屬性信息 ，并 在接到查詢指令后執(zhí)行相應的操作 ；中 間 層 由 Web 應 用 服務(wù)層和百度地圖服務(wù)層組成 ， 應 用 服

10、 務(wù) 層 負 責 處 理 用戶的訪問請求 ，采 用 Apache 服務(wù) 器和服務(wù)器端解釋 的 腳 本 語 言 PHP， 以 ASP.NET 技 術(shù) 和 C# 語 言 進 行 服 務(wù)器端應用程序的開發(fā) 、維 護 和 更 新 ，地 圖 操 作 請 求 部 分由百度地圖服務(wù) 器 完成 ；客戶層即用戶瀏覽器 ，提 供 地 圖 瀏 覽 和 查 詢 的 界 面 ,用 JavaScript 嵌 入 百 度 API 來實 現(xiàn) 地 圖 服 務(wù) ，以 及把用戶的訪問和查詢 請 求 發(fā) 送 給旅游資 源 WebGIS 服務(wù)器 。旅游資源地理信息地圖實現(xiàn)本文以賓館旅游資源為例來闡 述 地 圖 實 現(xiàn) 過 程 系統(tǒng)地圖

11、實現(xiàn)的功能主要包括以下四個 部分 ：（1）地圖加載首先，通過<script>標簽將百度 API 引到頁面中3（2）數(shù)據(jù)庫設(shè)計系 統(tǒng) 采 用 SQL Server 2005 作為數(shù)據(jù)庫解 決 方 案 ,包括昆明市按 區(qū)劃分的地域表 、 各 資 源 信 息 表 以 及 從 各資 源信息中提取的共性數(shù)據(jù)表 ， 圖 像 文 件 沒 有 直 接嵌入到數(shù)據(jù)庫中而是被集中保存到 項 目的一個文 件 目錄內(nèi), 僅在數(shù)據(jù)庫內(nèi)保存圖像文件名稱 。 以賓館 旅游資 源 信 息 為 例 ， 建立相關(guān)數(shù)據(jù)表包括 Area 表 、Hotel 表 、 HotelPrice 表和 HotelXingJi 表 。A

12、rea 表中包括地域識別 號 和 地 域 名 稱 ，Hotel 表 包 括 賓 館 號 、賓 館 名 稱 、賓 館 圖 片 、賓 館 地 址 、所 屬 地 域 、價 格 、星 級 、設(shè) 施 、簡 介 、口 碑 、<script type = "text/javascript" src = "http:/api.map.baiducom/api?v=1.1&services=true"></script>（2）初始化地圖空間如下所示 ，需要在頁面中定義不同功能區(qū)域 ，并 在其 中 為 地 圖指定一個地圖容器 ，我 們 把 “

13、content”內(nèi) 容區(qū)分為左右兩塊 ，其 中 把 “right”指 定 為 系 統(tǒng) 地 圖 容 器通過它來展現(xiàn)地圖,“l(fā)eft”區(qū)定義為信息顯 示 區(qū) ，顯 示 滿足條件的賓館簡要信息 ：交 通 、房 間 等 ，HotelPrice表 包 括 各 個 價 格 區(qū) 間 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 提 供 的 類 、方法等來創(chuàng)建地 圖 和初始化地圖工作 ，先在地圖容器中創(chuàng)建地 圖 ：var map = new BMap.Map("right")marker.addEventListener ("click", function ()this.openInfoWindow

15、(infoWindow);), "昆 明 市");顯示結(jié)果如圖 2 所示：再創(chuàng)建點坐標 ，將昆明定義為地圖中心點指標 ，并設(shè)定地圖顯示級別 ：var point = new BMap.Point(102.801551, 24.801538)map.centerAndZoom(point, 12)（3）數(shù)據(jù)顯示及地標管理在百度地圖上進行地址解析時 ，要 加 載 地 圖 覆 蓋物 ， 可 以 使 用 BMap.Map.addOverlay() 方法向地圖添加 覆 蓋 物 ， 通 過 應 用 API 提供的各種類在地圖 上 添 加 標 注、文本 、折線、多邊形和信息窗口 。 該系

16、統(tǒng)在解析時將賓館特征地物設(shè)置成百度 API 默認的圖標標注 ，應 用圖 2地 圖 顯 示 結(jié) 果Label 覆 蓋 物 類 ，參照酷訊網(wǎng)以 賓館平均價格 作 為文字 覆 蓋 物 ，通過點擊賓館地標符號 ，在 彈 出 窗 口 以 文 字 的 形式顯示賓館名稱 、地 址 和 口 碑 信 息 ，而 賓 館 其 他 詳 細（4）查詢功能設(shè)計通過使用百度地圖 API 自帶的本地搜索服務(wù)及 SQL Server 數(shù)據(jù) 庫 的 屬性和空間條件查詢功能 ，面上 設(shè)置了多種查詢功能 ：在 頁信息通過點擊 左 下方結(jié)果 信 息 框 中 的“詳 細 信 息 ”獲得。 地址解 析和彈出信息框的過程如下所示 ：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>"地圖點取查 詢 ，單擊地圖某個信息點 ，系 統(tǒng) 即 顯示出對應的信息 。條件輸 入 查 詢 ，根據(jù)用戶輸入的條件對數(shù) 據(jù) 庫進 行 檢 索 ，檢索結(jié)果信息顯示在左下方 ，并 在 地 圖 上 做標 注 定 位 ，查詢條件可設(shè)為

20、酒 店 名 稱 、酒 店 地 址 、區(qū) 域等條件 。條件選擇查 詢 ，按 區(qū) 域 、價格和酒店星級三 種 條件提供不同范圍的組合查詢 ，提 高 了 查 詢 的 可 操 作 性和 效 率 ，查詢結(jié)果分別以信息 和 地圖標注 形 式 顯 示 在窗口下方左右兩個區(qū) 域 ，方便游客進行對比和選擇 。結(jié) 語4百度地圖為用戶提供了強大的各項 電 子 地 圖 功能, 它減輕了服務(wù)器壓力 ，實 現(xiàn) 了 數(shù) 據(jù) 的 即 時 交 互 響應，用戶在它的基礎(chǔ)上進行二次 開 發(fā), 可實現(xiàn)各種個性 化以及專業(yè)領(lǐng)域的網(wǎng) 絡(luò) 服務(wù) ，將 百 度 地 圖 應 用 于 旅 游var infoWindow = newBMap.In

21、foWindow資源信息 ，為旅 游資源的收集 、保存、整理、分發(fā)與利用,(contents, opts);提供了一種網(wǎng)絡(luò)化的 、便 捷 的 、形象直觀的處 理 方式 。本文詳細闡述了基于百度地圖 API 開 發(fā) 旅 游 資 源氣 預 報J. 云 南 科 技 管 理,2012,01:461482李 艷. 基 于 地 圖 API 的 Web 地 圖 服 務(wù) 及 應 用 研 究J. 地 理 信 息 世 界 ，2010,04(2):54573杜 傳 明. 百 度 地 圖 API 在 小 型 地 理 信 息 系 統(tǒng) 中 的 應 用J.測 繪 與 空 間 地 理 信 息,2011,34(2):15215

22、3WebGIS 的 基 本 架構(gòu)與實現(xiàn)策略 ，并對地圖數(shù)據(jù) 的 導入 、加 載 、顯 示 、管 理 、查詢等功能實現(xiàn)過程 進 行了 詳 細的探討, 為旅游資源 WebGIS 的研究提供一 定的借鑒 。參 考 文 獻1白 學 文,楊 紅,楊 韜. 基 于 百 度 地 圖 API 發(fā) 布 鄉(xiāng) 鎮(zhèn) 精 細 化 天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