前幾天接了一個(gè)小項(xiàng)目,就是有關(guān)百度地圖的,和我的上一篇不一樣,上一篇是復(fù)制人家的源代碼是把東西寫死了的,這次的比較有難度,要調(diào)取他的接口,用js來實(shí)現(xiàn)。

下面我先說一下主要實(shí)現(xiàn)的功能,和要實(shí)現(xiàn)的頁面

這個(gè)小項(xiàng)目分為前臺(tái)和后臺(tái)

前臺(tái)需要兩個(gè)頁面,第一個(gè)頁面是一打開就可以獲得自己的實(shí)時(shí)位置,顯示當(dāng)前位置與當(dāng)前的經(jīng)緯度,這兩項(xiàng)是自動(dòng)獲取的,還有標(biāo)題和電話是可以自己添加的,點(diǎn)擊添加,就是到達(dá)百度地圖的頁面,你剛剛添加的東西就會(huì)在這個(gè)地圖上顯示,形成一個(gè)標(biāo)注,點(diǎn)擊標(biāo)注,里面顯示的就是剛剛你添加的標(biāo)題和電話。

后臺(tái)就是顯示你添加的那些信息,也就是說你在添加的時(shí)候,就已經(jīng)把他存入數(shù)據(jù)庫了,你可以通過后臺(tái)來修改他的標(biāo)題和電話,其他兩項(xiàng)不可改,或是可以直接刪除,刪除的話,地圖上的小標(biāo)注也會(huì)消失。

 

功能差不多就是這些,當(dāng)時(shí)寫的時(shí)候,沒有具體的講清楚饒了很多彎路,當(dāng)真正理清楚了反而覺得沒有那么難了,不過確實(shí)也沒有學(xué)過,感覺好多東西都是遇到了才邊學(xué)邊會(huì)做

廢話不多說了,先來看一下效果吧

移動(dòng)開發(fā)培訓(xùn),Android培訓(xùn),安卓培訓(xùn),手機(jī)開發(fā)培訓(xùn),手機(jī)維修培訓(xùn),手機(jī)軟件培訓(xùn)

因?yàn)橐謾C(jī)也可以用,所以做的響應(yīng)式的

移動(dòng)開發(fā)培訓(xùn),Android培訓(xùn),安卓培訓(xùn),手機(jī)開發(fā)培訓(xùn),手機(jī)維修培訓(xùn),手機(jī)軟件培訓(xùn)

他的位置取到的是這里

移動(dòng)開發(fā)培訓(xùn),Android培訓(xùn),安卓培訓(xùn),手機(jī)開發(fā)培訓(xùn),手機(jī)維修培訓(xùn),手機(jī)軟件培訓(xùn)

這個(gè)定位很不準(zhǔn)確,有時(shí)取到的位置是對(duì)的,有時(shí)候會(huì)有偏差

下面再來給他添加標(biāo)題和電話

移動(dòng)開發(fā)培訓(xùn),Android培訓(xùn),安卓培訓(xùn),手機(jī)開發(fā)培訓(xùn),手機(jī)維修培訓(xùn),手機(jī)軟件培訓(xùn)

點(diǎn)擊標(biāo)注

移動(dòng)開發(fā)培訓(xùn),Android培訓(xùn),安卓培訓(xùn),手機(jī)開發(fā)培訓(xùn),手機(jī)維修培訓(xùn),手機(jī)軟件培訓(xùn)

會(huì)轉(zhuǎn)到百度地圖

點(diǎn)擊標(biāo)識(shí)

移動(dòng)開發(fā)培訓(xùn),Android培訓(xùn),安卓培訓(xùn),手機(jī)開發(fā)培訓(xùn),手機(jī)維修培訓(xùn),手機(jī)軟件培訓(xùn)

會(huì)彈出剛才我們輸入的內(nèi)容

看一下數(shù)據(jù)庫

移動(dòng)開發(fā)培訓(xùn),Android培訓(xùn),安卓培訓(xùn),手機(jī)開發(fā)培訓(xùn),手機(jī)維修培訓(xùn),手機(jī)軟件培訓(xùn)

網(wǎng)友評(píng)論