精品一一区二区三区四区五区久久久久久|日韩国产精品一级毛片在线|午夜剧场精品视频秋霞在线观看|超碰97在线播放|狠狠久久人人综合|无限观看毛片1区|欧美自慰一区在线观看|传媒无码有码中文字幕|日韩动漫二区三区在线观看|人人做人人想人人爽

微信小程序開發(fā)實戰(zhàn) 手把手教你開發(fā)跑步微信小程序
來源:電腦百事網(wǎng) 發(fā)布日期:2017-01-10 17:21
分享:

1、模擬器

可以在模擬器上看效果,上面降到了運行底層不同,效果跟在手機上運行有些差異

微信小程序開發(fā)實戰(zhàn) 手把手教你開發(fā)跑步微信小程序

2、真機

在左邊的選項欄中,選擇項目,然后點預(yù)覽會生產(chǎn)一個二維碼,用管理員微信號掃一掃就可以在真機上看實際效果

微信小程序開發(fā)實戰(zhàn) 手把手教你開發(fā)跑步微信小程序

實踐--跑步小程序。

真機運行截圖(運行于iPhone7,微信版本:6.3.30):

微信小程序開發(fā)實戰(zhàn) 手把手教你開發(fā)跑步微信小程序

微信小程序開發(fā)實戰(zhàn) 手把手教你開發(fā)跑步微信小程序

home.jpeg

微信小程序開發(fā)實戰(zhàn) 手把手教你開發(fā)跑步微信小程序

run.jpeg

微信小程序開發(fā)實戰(zhàn) 手把手教你開發(fā)跑步微信小程序

微信小程序開發(fā)實戰(zhàn) 手把手教你開發(fā)跑步微信小程序

功能:能夠計算里程、時間、實時獲取跑步路徑(有些粗糙)

思路:主要使用了微信小程序的獲取位置APIwx.getLocation和地圖組件map。

首先實現(xiàn)一個計時器進行計時,通過wx.getLocation獲取坐標(biāo),把獲取到的坐標(biāo)存在一個數(shù)組中,通過坐標(biāo)每隔一段時間獲取里程,進行累加得到總里程,同時也通過坐標(biāo)點進行連線

存在的問題:

1、因為目前找不到在地圖上畫連線的方法,所以采用了在地圖上貼小紅點圖的方法顯示大概跑步路徑,路徑比較粗糙。

2、雖然采用了API里面的火星坐標(biāo)gcj02類型,但是獲取的坐標(biāo)跟國際坐標(biāo)差不多,依然存在著偏差。

核心代碼:

我把全部代碼放在github上-weChatApp-Run,可以下載來看看或者先star收藏,我以后還會進行一些優(yōu)化更新?,F(xiàn)在只是一個學(xué)習(xí)Demo,大家溝通學(xué)習(xí),實際應(yīng)用還需更多優(yōu)化。

wxml文件布局代碼&js文件邏輯代碼:點擊進入Github


如發(fā)現(xiàn)本站文章存在版權(quán)問題,煩請聯(lián)系editor@askci.com我們將及時溝通與處理。
中商情報網(wǎng)
掃一掃,與您一起
發(fā)現(xiàn)數(shù)據(jù)的價值
中商產(chǎn)業(yè)研究院
掃一掃,每天閱讀
免費高價值報告