前幾天接了一個小項目,就是有關百度地圖的,和我的上一篇不一樣,上一篇是復制人家的源代碼是把東西寫死了的,這次的比較有難度,要調取他的接口,用js來實現(xiàn)。
下面我先說一下主要實現(xiàn)的功能,和要實現(xiàn)的頁面
這個小項目分為前臺和后臺
前臺需要兩個頁面,第一個頁面是一打開就可以獲得自己的實時位置,顯示當前位置與當前的經(jīng)緯度,這兩項是自動獲取的,還有標題和電話是可以自己添加的,點擊添加,就是到達百度地圖的頁面,你剛剛添加的東西就會在這個地圖上顯示,形成一個標注,點擊標注,里面顯示的就是剛剛你添加的標題和電話。
后臺就是顯示你添加的那些信息,也就是說你在添加的時候,就已經(jīng)把他存入數(shù)據(jù)庫了,你可以通過后臺來修改他的標題和電話,其他兩項不可改,或是可以直接刪除,刪除的話,地圖上的小標注也會消失。
功能差不多就是這些,當時寫的時候,沒有具體的講清楚饒了很多彎路,當真正理清楚了反而覺得沒有那么難了,不過確實也沒有學過,感覺好多東西都是遇到了才邊學邊會做
廢話不多說了,先來看一下效果吧
因為要手機也可以用,所以做的響應式的
他的位置取到的是這里
這個定位很不準確,有時取到的位置是對的,有時候會有偏差
下面再來給他添加標題和電話
點擊標注
會轉到百度地圖
點擊標識
會彈出剛才我們輸入的內容
看一下數(shù)據(jù)庫