鍍金池/ 問答/HTML5  HTML/ 類似小黃車的地圖借還,在微信公眾號里該怎么做

類似小黃車的地圖借還,在微信公眾號里該怎么做

clipboard.png

這種地圖 定位,是如何實現的,在微信公眾號內,求思路.

回答
編輯回答
互擼娃

在微信公眾號內,這個描述難道是要用戶打開你公眾號聊天窗,直接顯示的就是你的應用?應該做不到哦,只能做成H5或者小程序的形式,在公眾號下方的按鈕加一個入口。

服務端和單車端應該不用說吧?如果要的話可以在評論里說一下,我加一下這方面的大致,下面只提前端。

如果想用小程序做的話,只能用微信地圖api了。

但如果是H5的話,這里還是推薦百度地圖api和高德地圖api,因為微信給H5用的地圖api只提供很少的功能,兩者在這方面其實沒大的差別,而且都是免費的,可以根據個人喜好選擇。

以上的提到的地圖api,都支持在地圖中動態(tài)加入標記點,你可以把你的單車位置,作為標記點放進地圖。而且這些地圖還支持自定義樣式,可以改成你喜歡的樣式,不過應該要花很多時間改配色吧。

前端開發(fā)思路:

1、 打開頁面,用H5 api微信jsapi獲取用戶當前經緯度,返回給后端,后端告訴前端這個經緯度附近可用的單車的經緯度。

2、 用這些單車的經緯度,生成標記點放到地圖里。

3、 (這里默認用戶登錄了,而且你允許他開鎖騎車)點擊掃碼按鈕,調起微信的掃碼功能(H5和小程序都能做到),掃碼成功后,會返回二維碼內容給你,這個內容就是你生成二維碼那時的內容,用這些內容調后臺的開鎖接口

4、 開鎖成功后后臺會有通知的,收到通知后,前端就可以顯示計時等頁面了。


題外話,不知道你們的單車支不支持 ibeacon(即低功耗藍牙),現在小黃車是要用戶開啟藍牙,檢測你掃碼的小黃車真的在你附近,才給自動開鎖,不然只能手動開鎖,也算是防丟的一種手段吧。

剛好微信內H5和小程序都支持ibeacon,如果你的單車也支持這個技術,就能做到了。

2017年2月21日 15:06
編輯回答
懷中人

首先你需要調用微信的地圖api繪制地圖,然后你要有能定位的設備,定位引擎,微信一樣接口獲取定位數據,
然后你把拿到的數據,和地圖統(tǒng)一坐標,再在地圖上打點顯示
附上公眾平臺開發(fā)文檔地址
https://mp.weixin.qq.com/wiki...

2017年12月27日 02:42