前幾天接了一個(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ì)做
廢話不多說了,先來看一下效果吧
因?yàn)橐謾C(jī)也可以用,所以做的響應(yīng)式的
他的位置取到的是這里
這個(gè)定位很不準(zhǔn)確,有時(shí)取到的位置是對(duì)的,有時(shí)候會(huì)有偏差
下面再來給他添加標(biāo)題和電話
點(diǎn)擊標(biāo)注
會(huì)轉(zhuǎn)到百度地圖
點(diǎn)擊標(biāo)識(shí)
會(huì)彈出剛才我們輸入的內(nèi)容
看一下數(shù)據(jù)庫