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

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

這個小項目分為前臺和后臺

前臺需要兩個頁面,第一個頁面是一打開就可以獲得自己的實時位置,顯示當前位置與當前的經(jīng)緯度,這兩項是自動獲取的,還有標題和電話是可以自己添加的,點擊添加,就是到達百度地圖的頁面,你剛剛添加的東西就會在這個地圖上顯示,形成一個標注,點擊標注,里面顯示的就是剛剛你添加的標題和電話。

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

 

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

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

移動開發(fā)培訓,Android培訓,安卓培訓,手機開發(fā)培訓,手機維修培訓,手機軟件培訓

因為要手機也可以用,所以做的響應式的

移動開發(fā)培訓,Android培訓,安卓培訓,手機開發(fā)培訓,手機維修培訓,手機軟件培訓

他的位置取到的是這里

移動開發(fā)培訓,Android培訓,安卓培訓,手機開發(fā)培訓,手機維修培訓,手機軟件培訓

這個定位很不準確,有時取到的位置是對的,有時候會有偏差

下面再來給他添加標題和電話

移動開發(fā)培訓,Android培訓,安卓培訓,手機開發(fā)培訓,手機維修培訓,手機軟件培訓

點擊標注

移動開發(fā)培訓,Android培訓,安卓培訓,手機開發(fā)培訓,手機維修培訓,手機軟件培訓

會轉到百度地圖

點擊標識

移動開發(fā)培訓,Android培訓,安卓培訓,手機開發(fā)培訓,手機維修培訓,手機軟件培訓

會彈出剛才我們輸入的內容

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

移動開發(fā)培訓,Android培訓,安卓培訓,手機開發(fā)培訓,手機維修培訓,手機軟件培訓