十年網(wǎng)站開(kāi)發(fā)經(jīng)驗(yàn) + 多家企業(yè)客戶 + 靠譜的建站團(tuán)隊(duì)
量身定制 + 運(yùn)營(yíng)維護(hù)+專業(yè)推廣+無(wú)憂售后,網(wǎng)站問(wèn)題一站解決
由于最近項(xiàng)目有需要,所以最近開(kāi)始研究百度地圖API的使用,簡(jiǎn)單的介紹一下 百度地圖JavaScript API 它的使用,希望能夠?qū)π』锇閭冇兴鶐椭?,后續(xù)有機(jī)會(huì)再做深入的研究。
創(chuàng)新互聯(lián)是一家專業(yè)從事成都網(wǎng)站制作、做網(wǎng)站、外貿(mào)營(yíng)銷網(wǎng)站建設(shè)、網(wǎng)頁(yè)設(shè)計(jì)的品牌網(wǎng)絡(luò)公司。如今是成都地區(qū)具影響力的網(wǎng)站設(shè)計(jì)公司,作為專業(yè)的成都網(wǎng)站建設(shè)公司,創(chuàng)新互聯(lián)依托強(qiáng)大的技術(shù)實(shí)力、以及多年的網(wǎng)站運(yùn)營(yíng)經(jīng)驗(yàn),為您提供專業(yè)的成都網(wǎng)站建設(shè)、營(yíng)銷型網(wǎng)站建設(shè)及網(wǎng)站設(shè)計(jì)開(kāi)發(fā)服務(wù)!
有興趣的小伙伴可以自行查找百度地圖API
百度地圖開(kāi)放平臺(tái)開(kāi)發(fā)文檔中的JavaScript API
在使用百度地圖之前,我們需要擁有一個(gè)自己的百度賬號(hào),申請(qǐng)注冊(cè)成為百度開(kāi)發(fā)者,然后我們需要?jiǎng)?chuàng)建一個(gè)瀏覽器端應(yīng)用,就可以獲取到一個(gè)唯一的服務(wù)秘鑰(AK)
申請(qǐng)秘鑰(AK)
最終html中的內(nèi)容如下:
實(shí)現(xiàn)效果如下:可以進(jìn)行移動(dòng)和放大
根據(jù)id去獲取對(duì)應(yīng)的元素就是我們后續(xù)百度地圖所要去填充的元素,其實(shí)創(chuàng)建容器的時(shí)候還有一個(gè)coordsType屬性去控制坐標(biāo)的類型,不過(guò)我們不配置的話一般都是默認(rèn)配置為5也就是bd0ll坐標(biāo)類型, 感興趣的小伙伴可以去看一看這些坐標(biāo)類型都有哪些?可以來(lái)評(píng)論區(qū)交流學(xué)習(xí)
有兩種設(shè)置中心點(diǎn)的方式,一種是通過(guò)上面那樣根據(jù)經(jīng)緯度去設(shè)置中心點(diǎn)坐標(biāo),第二種就是根據(jù)城市名作為中心點(diǎn)
Ps:map是我們的容器不要忘了
1.初始化地圖時(shí),進(jìn)行關(guān)閉配置
2.使用地圖的方法進(jìn)行配置
1.地圖初始化
添加控件前,地圖需要進(jìn)行初始化。例如,要將標(biāo)準(zhǔn)地圖控件添加到地圖中,可在代碼中添加如下內(nèi)容:
2.添加多個(gè)控件
在本例中我們向地圖添加一個(gè)平移縮放控件、一個(gè)比例尺控件和一個(gè)縮略圖控件。在地圖中添加控件后,它們即刻生效。
初始化控件時(shí),可提供一個(gè)可選參數(shù),其中的anchor和offset屬性共同控制控件在地圖上的位置。 anchor表示控件的??课恢?,即控件停靠在地圖的哪個(gè)角。當(dāng)?shù)貓D尺寸發(fā)生變化時(shí),控件會(huì)根據(jù)停靠位置的不同來(lái)調(diào)整自己的位置。
個(gè)性化地圖樣式編輯器
通過(guò)樣式ID調(diào)用個(gè)性化地圖樣式(推薦)
1.創(chuàng)建個(gè)性化地圖樣式
進(jìn)入地圖開(kāi)放平臺(tái)控制臺(tái)頁(yè)面,在我的地圖中,創(chuàng)建一個(gè)地圖樣式:
2.編輯樣式
點(diǎn)擊創(chuàng)建的地圖樣式,進(jìn)入樣式編輯器,根據(jù)您的需求自由編輯地圖樣式:
3.發(fā)布樣式并獲取樣式ID
完成編輯后,在我的地圖或者編輯器中發(fā)布該地圖樣式,獲取發(fā)布后生成的樣式ID:
4.在JavaScript API中應(yīng)用地圖樣式
將第三步中獲取的樣式ID作為setMapStyleV2方法的參數(shù)。
相關(guān)代碼如下:
注意:
1.使用個(gè)性化地圖前,請(qǐng)參考Hello World構(gòu)建基礎(chǔ)地圖;
2.setMapStyleV2方法需要在地圖初始化(centerAndZoom)完成后執(zhí)行;
3.樣式更新不會(huì)改變樣式ID。因此如果有更新樣式的需求,重新編輯發(fā)布就可以完成更新。不需要修改JavaScript API調(diào)用代碼;
4.如果樣式ID在控制臺(tái)中被刪除,但JavaScript API還在繼續(xù)調(diào)用。那么將會(huì)渲染默認(rèn)樣式的地圖;
通過(guò)樣式JSON調(diào)用個(gè)性化地圖樣式
1.獲取樣式JSON
前序流程和樣式ID調(diào)用地圖樣式流程一致,進(jìn)入我的地圖,創(chuàng)建一個(gè)地圖樣式,進(jìn)入編輯器編輯完成后,直接通過(guò)編輯器中的“下載JSON”功能獲取JSON代碼:
2.在JavaScript API中應(yīng)用地圖樣式
將上一步中獲取的樣式JSON作為setMapStyleV2方法的參數(shù)。
相關(guān)代碼如下:
設(shè)置后地圖效果如下:
上面這些都是一些簡(jiǎn)單的使用,后續(xù)我在使用的過(guò)程中遇到的一些問(wèn)題以及解決過(guò)程,新的API的使用會(huì)持續(xù)更新分享,百度地圖的API開(kāi)發(fā)文檔給的還是很全面的,不過(guò)就是目前他提供的都是一些在線開(kāi)發(fā),對(duì)于一些內(nèi)網(wǎng)的公司就不太友好了,所以后續(xù)這塊我需要去做一下離線開(kāi)發(fā)的研究,等我把離線地圖開(kāi)發(fā)弄好之后,再給大家分享。
感謝諸君的觀看,文中如有紕漏,歡迎在評(píng)論區(qū)來(lái)交流。如果這篇文章幫助到了你,歡迎點(diǎn)贊和關(guān)注。
百度地圖集成 ,劃線定位 ,修改地圖圖標(biāo)時(shí)時(shí)劃線 ,源碼分享 話不多說(shuō)直接源碼。
注意:導(dǎo)入 sdk,如有方法報(bào)錯(cuò) 注意inforplist 和 viewcontroller.mm
1.AppDelegate 添加頭文件 定義屬性
2.didFinishLaunchingWithOptions 方法里添加
viewController里添加
個(gè)人總結(jié) 依據(jù)百度地圖官方文檔所做。
上次我們說(shuō)到在蘋(píng)果開(kāi)發(fā)者官網(wǎng)查看MapKit文檔,下面直接講解如何加載MapKit的視圖及相關(guān)的屬性。
導(dǎo)入系統(tǒng)文件,創(chuàng)建MKMapView對(duì)象即可,地圖就可以加載了。
寫(xiě)使用百度地圖API在哪些場(chǎng)景下運(yùn)用。百度地圖API是為開(kāi)發(fā)者免費(fèi)提供的一套基于百度地圖服務(wù)的應(yīng)用接口,包括JavaScript?API、Web服務(wù)API、Android?SDK、iOS?SDK、定位SDK、LBS云等多種開(kāi)發(fā)工具與服務(wù),提供基本地圖展現(xiàn)、搜索、定位、逆/地理編碼、路線規(guī)劃、LBS云存儲(chǔ)與檢索等功能,適用于PC端、移動(dòng)端、服務(wù)器等多種設(shè)備,多種操作系統(tǒng)下的地圖應(yīng)用開(kāi)發(fā)。
百度地圖API包括地圖的基本功能,包括平移,縮放,脫拽等等,還有地圖上的控件,比如說(shuō)我們現(xiàn)在打開(kāi)地圖看一下,我們可以看到就是在地圖上定位,縮放等這些功能,還有工具類,圖層,本地搜索,公交連鎖,步行導(dǎo)航等等功能。
擴(kuò)展資料
百度地圖API是為開(kāi)發(fā)者免費(fèi)提供的一套基于百度地圖服務(wù)的應(yīng)用接口,包括JavaScript?API、Web服務(wù)API、Android?SDK、iOS?SDK、定位SDK、車(chē)聯(lián)網(wǎng)API、LBS云等多種開(kāi)發(fā)工具與服務(wù),提供基本地圖展現(xiàn)、搜索、定位、逆/地理編碼、路線規(guī)劃、LBS云存儲(chǔ)與檢索等功能,適用于PC端、移動(dòng)端、服務(wù)器等多種設(shè)備,多種操作系統(tǒng)下的地圖應(yīng)用開(kāi)發(fā)。
LBS.云是百度地圖針對(duì)LBS開(kāi)發(fā)者推出的平臺(tái)級(jí)服務(wù),結(jié)合已有的地圖API和SDK服務(wù),通過(guò)開(kāi)放服務(wù)端存儲(chǔ)和計(jì)算能力,提供海量位置數(shù)據(jù)(點(diǎn)、面數(shù)據(jù))的實(shí)時(shí)存儲(chǔ)、檢索、展示一體化解決方案。
鷹眼提供各端SDK和API供開(kāi)發(fā)者便捷接入,追蹤您所管理的車(chē)輛/人員等運(yùn)動(dòng)物體?;邡椦厶峁┑慕涌诤驮贫朔?wù),開(kāi)發(fā)者可以迅速構(gòu)建一套完全屬于您自己的完整、精準(zhǔn)且高性能的軌跡管理系統(tǒng),可應(yīng)用于車(chē)隊(duì)管理、人員管理等領(lǐng)域。
百度地圖Web服務(wù)API為開(kāi)發(fā)者提供http/https接口,即開(kāi)發(fā)者通過(guò)http/https形式發(fā)起檢索請(qǐng)求,獲取返回json或xml格式的檢索數(shù)據(jù)。用戶可以基于此開(kāi)發(fā)JavaScript、C#、C++、Java等語(yǔ)言的地圖應(yīng)用。
百度地圖URI API是為開(kāi)發(fā)者提供直接調(diào)起百度地圖產(chǎn)品(百度地圖手機(jī)客戶端)以滿足特定業(yè)務(wù)場(chǎng)景下應(yīng)用需求的程序接口,開(kāi)發(fā)者只需按照接口規(guī)范構(gòu)造一條標(biāo)準(zhǔn)的URI,便可在PC和移動(dòng)端瀏覽器或移動(dòng)開(kāi)發(fā)應(yīng)用中調(diào)起百度地圖產(chǎn)品,進(jìn)行地圖展示和檢索、線路查詢、導(dǎo)航等功能,無(wú)需進(jìn)行復(fù)雜的地圖功能開(kāi)發(fā)。 該套API免費(fèi)對(duì)外開(kāi)放,無(wú)需申請(qǐng)ak。
百度地圖車(chē)機(jī)版open control調(diào)用協(xié)議是面向各OEM車(chē)企、車(chē)內(nèi)相關(guān)零部件供應(yīng)商、車(chē)機(jī)/車(chē)鏡系統(tǒng)方案商、第三方開(kāi)發(fā)者提供的一種可被第三方(系統(tǒng)或應(yīng)用)調(diào)用百度地圖車(chē)機(jī)版(以下簡(jiǎn)稱bdmap)的方法,以滿足某些特定業(yè)務(wù)場(chǎng)景下需求的接口。
參考資料:百度地圖開(kāi)發(fā)文檔-LBS云
參考資料:百度地圖開(kāi)發(fā)文檔-鷹眼軌跡服務(wù)
參考資料:百度地圖開(kāi)發(fā)文檔-Web服務(wù)API
參考資料:百度地圖開(kāi)發(fā)文檔-地圖調(diào)起API
參考資料:百度地圖開(kāi)發(fā)文檔-百度地圖車(chē)機(jī)版
使用: [[UIApplication sharedApplication] canOpenURL:[NSURL URLWithString:@"白名單://"]] 判斷是否安裝白名單里面的App.
蘋(píng)果自帶的地圖不需要設(shè)置白名單,需要設(shè)置終點(diǎn)的經(jīng)緯度就行,需要導(dǎo)入 #import MapKit/MapKit.h 頭文件
可以參考: 百度地圖官方文檔 實(shí)現(xiàn)如下:
參數(shù)設(shè)置可以參考文檔
可以參考: 高德地圖官方文檔 實(shí)現(xiàn)如下:
可以參考: 騰訊地圖官方文檔 實(shí)現(xiàn)如下:
.h
.m