WebGIS原理與應(yīng)用朱進(jìn)蘇州科技大學(xué)環(huán)境學(xué)院2024年5月30日第11章百度地圖開發(fā)2024/5/30slide2內(nèi)容11.1百度地圖開發(fā)概述11.2百度地圖JSAPI11.3LBS云11.4Web服務(wù)API11.5鷹眼軌跡11.6靜態(tài)圖API11.7URIAPI2024/5/30slide3目標(biāo)掌握百度地圖JSAPI的HelloWorld示例及主要架構(gòu)熟悉百度地圖JS開源庫(kù)的主要功能熟悉百度地圖的LBS云、Web服務(wù)API熟悉百度地圖的鷹眼軌跡、靜態(tài)圖API、URIAPI2024/5/30slide411.1百度地圖開發(fā)概述2024/5/30slide5百度地圖開發(fā)概述2024/5/30slide6百度地圖開發(fā)概述http:///2024/5/30slide7百度地圖開發(fā)概述2024/5/30slide8解決方案O2O與LBSO2O:OnlineToOffline，線上線下電子商務(wù)，比如團(tuán)購(gòu)，外賣等2024/5/30slide9解決方案O2O與LBS各個(gè)功能對(duì)應(yīng)到地圖開放平臺(tái)的服務(wù)2024/5/30slide10解決方案O2O與LBS各個(gè)功能對(duì)應(yīng)到地圖開放平臺(tái)的服務(wù)2024/5/30slide11解決方案O2O與LBS各個(gè)功能對(duì)應(yīng)到地圖開放平臺(tái)的服務(wù)2024/5/30slide12百度地圖開發(fā)概述2024/5/30slide13百度地圖開發(fā)概述房地產(chǎn)網(wǎng)站百度認(rèn)為用戶通過房地產(chǎn)網(wǎng)站或APP獲取信息的簡(jiǎn)單體驗(yàn)流程為：搜索—選定目標(biāo)—詳情—實(shí)地參觀。2024/5/30slide14百度地圖開發(fā)概述房地產(chǎn)網(wǎng)站-場(chǎng)景2024/5/30slide15百度地圖開發(fā)概述房地產(chǎn)網(wǎng)站-場(chǎng)景2024/5/30slide16百度地圖開發(fā)概述房地產(chǎn)網(wǎng)站-場(chǎng)景2024/5/30slide17百度地圖開發(fā)概述房地產(chǎn)網(wǎng)站-場(chǎng)景2024/5/30slide18百度地圖開發(fā)概述房地產(chǎn)網(wǎng)站-場(chǎng)景2024/5/30slide1911.2百度地圖JSAPI2024/5/30slide20百度地圖JSAPIJSAPI大眾版http:///index.php?title=jspopular免費(fèi)提供，可在網(wǎng)站中構(gòu)建功能豐富、交互性強(qiáng)的地圖應(yīng)用同時(shí)支持支持PC端和移動(dòng)端支持HTML5特性的地圖開發(fā)2024/5/30slide21百度地圖JSAPIJSAPI極速版http:///map/jsmobile.htm專為手機(jī)瀏覽器提供的API較JavaScriptAPI大眾版而言，該版更適配移動(dòng)設(shè)備，體積更小，加載地圖速度更快，更省流量較移動(dòng)端常采用的靜態(tài)圖API，該版本可加載動(dòng)態(tài)地圖，進(jìn)行地圖操作，如拖拽、縮放、檢索、線路規(guī)劃等，更好滿足用戶對(duì)地圖的豐富需求。2024/5/30slide22百度地圖JSAPI大眾版獲取密鑰前提：注冊(cè)百度賬號(hào)2024/5/30slide23百度地圖JSAPI大眾版獲取密鑰http:///apiconsole/key?application=key2024/5/30slide24百度地圖JSAPI大眾版獲取密鑰2024/5/30slide25百度地圖JSAPI大眾版獲取密鑰2024/5/30slide26百度地圖JSAPI大眾版使用密鑰2024/5/30slide27百度地圖JSAPI大眾版功能2024/5/30slide28百度地圖JSAPI大眾版功能2024/5/30slide29百度地圖JSAPI大眾版功能2024/5/30slide30百度地圖JSAPI大眾版百度地圖的“Hello,World”2024/5/30slide31百度地圖JSAPI大眾版百度地圖的“Hello,World”準(zhǔn)備頁(yè)面-使用最新的符合HTML5規(guī)范的文檔聲明也可以根據(jù)需要選擇其他類型的文檔聲明，這樣瀏覽器會(huì)以標(biāo)準(zhǔn)的方式對(duì)頁(yè)面進(jìn)行渲染，保證頁(yè)面最大的兼容性2024/5/30slide32百度地圖JSAPI大眾版百度地圖的“Hello,World”添加一個(gè)meta標(biāo)簽，以便使頁(yè)面更好的在移動(dòng)平臺(tái)上展示設(shè)置樣式，使地圖充滿整個(gè)瀏覽器窗口2024/5/30slide33百度地圖JSAPI大眾版百度地圖的“Hello,World”引用百度地圖API文件創(chuàng)建地圖容器元素，創(chuàng)建一個(gè)div元素API使用BMap作為命名空間，所有類均在該命名空間之下，比如：BMap.Map、BMap.Control、BMap.Overlay。2024/5/30slide34百度地圖JSAPI大眾版百度地圖的“Hello,World”創(chuàng)建地圖實(shí)例其參數(shù)可以是元素id也可以是元素對(duì)象創(chuàng)建點(diǎn)坐標(biāo)Point類描述了一個(gè)地理坐標(biāo)點(diǎn)，其中116.404表示經(jīng)度，39.915表示緯度。2024/5/30slide35百度地圖JSAPI大眾版百度地圖的“Hello,World”地圖初始化在創(chuàng)建地圖實(shí)例后，需要對(duì)其進(jìn)行初始化，BMap.Map.centerAndZoom()方法要求設(shè)置中心點(diǎn)坐標(biāo)和地圖級(jí)別。地圖必須經(jīng)過初始化才可以執(zhí)行其他操作。2024/5/30slide36百度地圖JSAPI大眾版百度地圖的“Hello,World”地圖配置與操作可以修改配置來改變地圖操作功能，比如，默認(rèn)情況下地圖不支持鼠標(biāo)滾輪縮放操作，因?yàn)檫@樣可能會(huì)影響整個(gè)頁(yè)面的用戶體驗(yàn)如果希望在地圖中使用鼠標(biāo)滾輪控制縮放，則可以調(diào)用map.enableScrollWheelZoom方法來開啟2024/5/30slide37百度地圖JSAPI大眾版百度地圖的“Hello,World”示例顯示一個(gè)地圖，等待兩秒鐘后，它會(huì)移動(dòng)到新中心點(diǎn)2024/5/30slide38百度地圖JSAPI大眾版控件百度地圖上負(fù)責(zé)與地圖交互的UI元素稱為控件Control：控件的抽象基類，所有控件均繼承此類的方法、屬性。通過此類您可實(shí)現(xiàn)自定義控件。NavigationControl：地圖平移縮放控件，PC端默認(rèn)位于地圖左上方，它包含控制地圖的平移和縮放的功能。OverviewMapControl：縮略地圖控件2024/5/30slide39百度地圖JSAPI大眾版控件ScaleControl：比例尺控件，顯示地圖的比例關(guān)系。MapTypeControl：地圖類型控件，默認(rèn)位于地圖右上方。CopyrightControl：版權(quán)控件，默認(rèn)位于地圖左下方。GeolocationControl：定位控件，針對(duì)移動(dòng)端開發(fā),默認(rèn)位于地圖左下方。2024/5/30slide40百度地圖JSAPI大眾版控件使用Map.addControl()方法向地圖添加控件,在此之前地圖需要進(jìn)行初始化向地圖添加多個(gè)控件2024/5/30slide41百度地圖JSAPI大眾版覆蓋物所有疊加或覆蓋到地圖的內(nèi)容，統(tǒng)稱為地圖覆蓋物(Overlay)如標(biāo)注、矢量圖形元素(包括：折線和多邊形和圓)、信息窗口等。覆蓋物擁有自己的地理坐標(biāo)，當(dāng)拖動(dòng)或縮放地圖時(shí)，它們會(huì)相應(yīng)的移動(dòng)2024/5/30slide42百度地圖JSAPI大眾版覆蓋物Overlay：覆蓋物的抽象基類，所有的覆蓋物均繼承此類的方法。Label：表示地圖上的文本標(biāo)注，您可以自定義標(biāo)注的文本內(nèi)容。Marker：標(biāo)注表示地圖上的點(diǎn)，可自定義標(biāo)注的圖標(biāo)。Polyline：表示地圖上的折線。Polygon：表示地圖上的多邊形，類似于閉合的折線，也可為其添加填充顏色。2024/5/30slide43百度地圖JSAPI大眾版覆蓋物Circle:表示地圖上的圓。InfoWindow：可以展示更為豐富的文字和多媒體信息。注意：同一時(shí)刻只能有一個(gè)信息窗口在地圖上打開。使用map.addOverlay方法向地圖添加覆蓋物，使用map.removeOverlay方法移除覆蓋物，注意此方法不適用于InfoWindow。2024/5/30slide44百度地圖JSAPI大眾版覆蓋物以下示例向地圖中心點(diǎn)添加了一個(gè)標(biāo)注，并使用默認(rèn)的標(biāo)注樣式2024/5/30slide45百度地圖JSAPI大眾版覆蓋物可使用InfoWindow來創(chuàng)建一個(gè)信息窗實(shí)例2024/5/30slide46百度地圖JSAPI大眾版事件大部分對(duì)象都含有addEventListener方法，您可以通過該方法來監(jiān)聽對(duì)象事件BMap.Map包含click、dblclick等事件。在特定環(huán)境下這些事件會(huì)被觸發(fā)，同時(shí)監(jiān)聽函數(shù)會(huì)得到相應(yīng)的事件參數(shù)e，比如當(dāng)用戶點(diǎn)擊地圖時(shí)，e參數(shù)會(huì)包含鼠標(biāo)所對(duì)應(yīng)的地理位置point。2024/5/30slide47百度地圖JSAPI大眾版事件addEventListener方法有兩個(gè)參數(shù)：監(jiān)聽的事件名稱和事件觸發(fā)時(shí)調(diào)用的函數(shù)2024/5/30slide48百度地圖JSAPI大眾版地圖圖層目前百度地圖提供的圖層有TrafficLayer(交通流量圖層)通過map.addTileLayer方法可向地圖添加圖層2024/5/30slide49百度地圖JSAPI大眾版地圖服務(wù)地圖服務(wù)指提供數(shù)據(jù)信息的接口，比如本地搜索、路線規(guī)劃等LocalSearch：本地搜索，提供某一特定地區(qū)的位置搜索服務(wù)，比如在北京市搜索“公園”。TransitRoute：公交導(dǎo)航，提供某一特定地區(qū)的公交出行方案的搜索服務(wù)。DrivingRoute：駕車導(dǎo)航，提供駕車出行方案的搜索服務(wù)。2024/5/30slide50百度地圖JSAPI大眾版地圖服務(wù)WalkingRoute：步行導(dǎo)航，提供步行出行方案的搜索服務(wù)。Geocoder：地址解析，提供將地址信息轉(zhuǎn)換為坐標(biāo)點(diǎn)信息的服務(wù)。LocalCity：本地城市，提供自動(dòng)判斷您所在城市的服務(wù)。TrafficControl：實(shí)時(shí)路況控件，提供實(shí)時(shí)和歷史路況信息服務(wù)。2024/5/30slide51百度地圖JSAPI大眾版地圖服務(wù)BMap.LocalSearch提供本地搜索服務(wù)，在使用本地搜索時(shí)需要為其設(shè)置一個(gè)檢索區(qū)域，檢索區(qū)域可以是BMap.Map對(duì)象、BMap.Point對(duì)象或者是省市名稱（比如："北京市"）的字符串。2024/5/30slide52百度地圖JSAPI大眾版地圖服務(wù)地理編碼將地址信息轉(zhuǎn)換為地理坐標(biāo)點(diǎn)信息提供Geocoder類進(jìn)行地址解析，通過Geocoder.getPoint()方法來將一段地址描述轉(zhuǎn)換為一個(gè)坐標(biāo)。2024/5/30slide53百度地圖JSAPI大眾版地圖服務(wù)示例獲得地址“北京市海淀區(qū)上地10街10號(hào)”的地理坐標(biāo)位置，并在這個(gè)位置上添加一個(gè)標(biāo)注。注意在調(diào)用Geocoder.getPoint()方法時(shí)需要提供地址解析所在的城市（本例為“北京市”）。2024/5/30slide54百度地圖JSAPI大眾版全景圖百度全景地圖提供沿著全景覆蓋城市指定道路、指定位置點(diǎn)360度的全景視圖，相比二維地圖全景圖更加真實(shí)、直觀2024/5/30slide55百度地圖JSAPI大眾版全景圖通過全景控件可以從普通地圖進(jìn)入全景地圖，添加全景控件的方式同添加工具條等控件類似2024/5/30slide56百度地圖JSAPI大眾版示例Demo2024/5/30slide57百度地圖JSAPI大眾版JavaScript開源庫(kù)百度地圖JavaScript開源庫(kù)，是一套基于百度地圖API二次開發(fā)的開源的代碼庫(kù)。目前提供多個(gè)lib庫(kù)，幫助開發(fā)者快速實(shí)現(xiàn)在地圖上添加Marker、自定義信息窗口、標(biāo)注相關(guān)開發(fā)、快速加載城市列表、拉框放大、拉框搜索、區(qū)域限制設(shè)置、幾何運(yùn)算、實(shí)時(shí)交通、檢索與公交駕車查詢、鼠標(biāo)繪制工具等功能。2024/5/30slide58百度地圖JSAPI大眾版JavaScript開源庫(kù)-大數(shù)據(jù)可視化庫(kù)Mapv是一組基于百度地圖的大數(shù)據(jù)可視化庫(kù)，可以用來展示大量的點(diǎn)、線、面數(shù)據(jù)，每種數(shù)據(jù)也有不同的展示類型，如直接打點(diǎn)、熱力圖、網(wǎng)格、聚合等方式展示數(shù)據(jù)。2024/5/30slide59百度地圖JSAPI大眾版JavaScript開源庫(kù)-熱力圖提供熱力圖可視化展現(xiàn)功能，注:支持chrome,safari,IE9及以上的瀏覽器.核心的代碼主要來自于第三方heatmap.js,主入口類是HeatmapOverlay，基于BaiduMapAPI2.0。2024/5/30slide60百度地圖JSAPI大眾版JavaScript開源庫(kù)-鼠標(biāo)繪制工具條庫(kù)提供鼠標(biāo)繪制點(diǎn)、線、面、多邊形（矩形、圓）的編輯工具條的開源代碼庫(kù)。且用戶可使用JavaScriptAPI對(duì)應(yīng)覆蓋物（點(diǎn)、線、面等）類接口對(duì)其進(jìn)行屬性（如顏色、線寬等）設(shè)置、編輯（如開啟線頂點(diǎn)編輯等）等功能。2024/5/30slide6111.3LBS云2024/5/30slide62LBS云概述LBS.云是百度地圖針對(duì)LBS開發(fā)者推出的平臺(tái)級(jí)服務(wù)，結(jié)合已有的地圖API和SDK服務(wù)，通過開放服務(wù)端存儲(chǔ)和計(jì)算能力，提供海量位置數(shù)據(jù)的實(shí)時(shí)存儲(chǔ)、檢索、展示一體化解決方案。2024/5/30slide63LBS云功能-云端存儲(chǔ)無須部署服務(wù)器，通過云存儲(chǔ)API或LBS云數(shù)據(jù)管理平臺(tái)即可完成海量數(shù)據(jù)云端存儲(chǔ)。免費(fèi)開放千萬(wàn)級(jí)數(shù)據(jù)存儲(chǔ)空間支持單個(gè)數(shù)據(jù)表百G存儲(chǔ)空間支持每秒萬(wàn)級(jí)并發(fā)讀寫。2024/5/30slide64LBS云功能-地理檢索基于云端健壯的地理計(jì)算能力，實(shí)現(xiàn)海量數(shù)據(jù)的實(shí)時(shí)云檢索支持周邊、區(qū)域等多種檢索方式開放高性能大數(shù)據(jù)計(jì)算集群，實(shí)現(xiàn)云端數(shù)據(jù)實(shí)時(shí)檢索2024/5/30slide65LBS云功能-地圖展示通過云麻點(diǎn)服務(wù)，快速實(shí)現(xiàn)海量位置數(shù)據(jù)地圖展示開放云端渲染引擎的計(jì)算能力，實(shí)現(xiàn)億萬(wàn)級(jí)數(shù)據(jù)渲染支持Web、Android、iOS的多端同步展示2024/5/30slide66CustomLayer是用戶自定義底圖層，現(xiàn)階段主要為L(zhǎng)BS云麻點(diǎn)功能展現(xiàn)服務(wù)。11.4Web服務(wù)API2024/5/30slide67Web服務(wù)API概述百度地圖Web服務(wù)API為開發(fā)者提供http接口，即開發(fā)者通過http形式發(fā)起檢索請(qǐng)求，獲取返回json或xml格式的檢索數(shù)據(jù)。用戶可以基于此開發(fā)JavaScript、C#、C++、Java等語(yǔ)言的地圖應(yīng)用。2024/5/30slide68Web服務(wù)API功能2024/5/30slide69Web服務(wù)API功能2024/5/30slide70Web服務(wù)APIPlaceAPIPlaceAPI是一類簡(jiǎn)單的HTTP接口，用于返回查詢某個(gè)區(qū)域的某類POI數(shù)據(jù)，且提供單個(gè)POI的詳情查詢服務(wù)，用戶可以使用C#、C++、Java等開發(fā)語(yǔ)言發(fā)送HTTP請(qǐng)求且接收json、xml的數(shù)據(jù)。2024/5/30slide71Web服務(wù)APIPlaceAPI-Hello,World示例以下是一個(gè)關(guān)于placeAPI的簡(jiǎn)單示例，設(shè)置檢索城市為北京，檢索關(guān)鍵字為“飯店”，檢索后返回10條數(shù)據(jù)。URL：http:///place/v2/search?q=飯店®ion=北京&output=json&ak={您的密鑰}2024/5/30slide72Web服務(wù)APIGeocodingAPIGeocodingAPI是一類簡(jiǎn)單的HTTP接口，用于提供從地址到經(jīng)緯度坐標(biāo)或者從經(jīng)緯度坐標(biāo)到地址的轉(zhuǎn)換服務(wù)，用戶可以使用C#、C++、Java等開發(fā)語(yǔ)言發(fā)送HTTP請(qǐng)求且接收J(rèn)SON、XML的返回?cái)?shù)據(jù)。2024/5/30slide73Web服務(wù)APIGeocodingAPI發(fā)送一個(gè)地址是“百度大廈”的請(qǐng)求，返回該地址對(duì)應(yīng)的地理坐標(biāo)。URL：/geocoder/v2/?address=北京市海淀區(qū)上地十街10號(hào)&output=json&ak=E4805d16520de693a3fe707cdc962045&callback=showLocation2024/5/30slide7411.5鷹眼軌跡2024/5/30slide75鷹眼軌跡概述一套高性能軌跡存儲(chǔ)和查詢服務(wù)，開發(fā)者可迅速的開發(fā)一套軌跡追蹤系統(tǒng)。在軌跡采集時(shí)，鷹眼支持手機(jī)、可穿戴設(shè)備和車載OBD設(shè)備這三種方式進(jìn)行軌跡采集并上傳；對(duì)于開發(fā)者通過其他方式采集的軌跡，可通過鷹眼Web服務(wù)API上傳軌跡至鷹眼云端進(jìn)行存儲(chǔ)應(yīng)用案例:物流行業(yè),O2O上門服務(wù),車聯(lián)網(wǎng)，生活服務(wù)(兒童手表)等。2024/5/30slide76鷹眼軌跡鷹眼軌跡服務(wù)結(jié)構(gòu)示意圖2024/5/30slide77鷹眼軌跡功能軌跡追蹤：借助GPS、基站、Wi-Fi和傳感器信息，實(shí)現(xiàn)室內(nèi)、外高精度的連續(xù)軌跡追蹤軌跡回傳：采用TCP長(zhǎng)連接、數(shù)據(jù)打包壓縮、加密回傳等策略，保障數(shù)據(jù)安全，實(shí)現(xiàn)超低流量損耗。2024/5/30slide78鷹眼軌跡功能軌跡糾偏：實(shí)時(shí)進(jìn)行軌跡糾偏，解決定位漂移問題，還原真實(shí)軌跡。軌跡查詢：實(shí)時(shí)查詢被追蹤者軌跡地理圍欄報(bào)警：當(dāng)被追蹤者進(jìn)入、離開該區(qū)域時(shí)，監(jiān)控者可以接收到自動(dòng)報(bào)警通知。2024/5/30slide7911.6靜態(tài)圖API2024/5