国模婷婷私拍婷婷综合久久|三级无码电影伊人影院综合|亚洲国产欧美在线观看|尤物蜜芽自拍妻人人人人操|成人国产无码电影|婷婷AV基地亚洲无码我av|亚洲黄色三级电影网站|毛片在线无码日本69香蕉|91勾引视频在线|精品久久久久久一区二区

微信小程序開發(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獲取坐標,把獲取到的坐標存在一個數(shù)組中,通過坐標每隔一段時間獲取里程,進行累加得到總里程,同時也通過坐標點進行連線

存在的問題:

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

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

核心代碼:

我把全部代碼放在github上-weChatApp-Run,可以下載來看看或者先star收藏,我以后還會進行一些優(yōu)化更新?,F(xiàn)在只是一個學(xué)習Demo,大家溝通學(xué)習,實際應(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è)研究院
掃一掃,每天閱讀
免費高價值報告