2018-9-15 seo達(dá)人
如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里
之前研究了定位,想用百度地圖,但是用百度地圖的
JavaScript API里面的瀏覽器定位根本不行,要用插件,很多人說(shuō)本身帶的這個(gè)cordova-plugin-geolocation插件因?yàn)榫W(wǎng)絡(luò)問(wèn)題,只有ios可以用,然后找到了專門針對(duì)安卓的cordova-qdc-baidu-location插件,但是這個(gè)插件不知道是不是我使用的問(wèn)題,得到的數(shù)據(jù)可以彈出來(lái),但是數(shù)據(jù)并不像這個(gè)插件所說(shuō)的數(shù)據(jù)格式是
這樣的,而是字符串,不是json字符串,弄了半天還是取不到里面的關(guān)于經(jīng)緯度的值,然后發(fā)現(xiàn)了現(xiàn)在的這個(gè)定位插件cordova-plugin-baidumaplocation這個(gè)插件返回的數(shù)據(jù)格式是json的,可以直接獲取。
因?yàn)榫W(wǎng)絡(luò)配代理的原因,一直添加不上插件,今天才發(fā)現(xiàn)用cordova-plugin-baidumaplocation插件定位其實(shí)挺簡(jiǎn)單的。
1.申請(qǐng)AK值。
地址:http://lbsyun.baidu.com/
需要申請(qǐng)兩個(gè)或者三個(gè)(配置ios),一個(gè)是js的,一個(gè)是android的(三個(gè)的話還有一個(gè)ios的,但是這邊直接只寫安卓的,其實(shí)ios是一樣的)
注:包名要一致
2.添加插件.
命令:
注意:是沒(méi)有<>這種尖括號(hào)的。
到此為止準(zhǔn)備工作基本上晚了,開(kāi)始代碼部分:
1.引入百度地圖:
這個(gè)引入是為了轉(zhuǎn)化經(jīng)緯度為地址和顯示地圖。
2.在html頁(yè)面上寫兩個(gè) 標(biāo)簽:
div標(biāo)簽是為了放地圖的。
3.js部分:
4.css部分:其實(shí)可以不要的,這是因?yàn)榈貓D中的地址顯示的窗口看起來(lái)有點(diǎn)問(wèn)題,雖然改了依舊不好看,但是功能實(shí)現(xiàn)了。
注:現(xiàn)在得到的地址是省市縣街道地址,想得到諸如:北京市朝陽(yáng)區(qū)XX大廈附近這樣的地址的話還沒(méi)有研究,等研究出來(lái)了再補(bǔ)上。
藍(lán)藍(lán)設(shè)計(jì)( sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)。
藍(lán)藍(lán)設(shè)計(jì)的小編 http://sillybuy.com