類似西瓜足跡小程序地圖組件怎么開發(fā)

最近一款關(guān)于朋友圈曬足跡的小程序刷屏火爆，叫做西瓜足跡，這個(gè)小程序是如何開發(fā)的呢，下面為大家介紹類似西瓜足跡小程序地圖組件怎么開發(fā)

wxml：

1. class="button" bindtap="getlocation" style="margin-top:30px" markers="{{markers}}">定位
2. longitude="{{longitude}}" latitude="{{latitude}}" markers="{{markers}}" covers="{{covers}}" style="width: 100%; height: 300px;margin-top:30px">

js：

1. //獲取應(yīng)用實(shí)例
2. var app = getApp()
3. Page({
4. data: {
5. latitude: 0,//緯度
6. longitude: 0,//經(jīng)度
7. speed: 0,//速度
8. accuracy: 16,//位置精準(zhǔn)度
9. markers: [],
10. covers: [],
11. },
12. onLoad: function () {
13. },
14. getlocation: function () {
15. var markers = [{
16. latitude: 28.211400,
17. longitude: 112.914250,
18. name: '喜地大廈',
19. desc: '我的位置'
20. }]
21. var covers = [{
22. latitude: 28.211400,
23. longitude: 112.914250,
24. iconPath: '/image/ic_position.png',
25. rotate: 0
26. }]
27. this.setData({
28. longitude: 112.914250,
29. latitude: 28.211400,
30. markers: markers,
31. covers: covers,
32. })
33. wx.getLocation({
34. type: 'gcj02',
35. success: function (res) {
36. var latitude = res.latitude
37. var longitude = res.longitude
38. var speed = res.speed
39. var accuracy = res.accuracy
40. console.log("latitude:" + latitude)
41. console.log("longitude:" + longitude)
42. console.log("speed:" + speed)
43. console.log("accuracy:" + accuracy)
44. wx.openLocation({
45. latitude: latitude,
46. longitude: longitude,
47. scale: 28
48. })
49. }
50. })
51. }
52. })

“西瓜足跡”小程序的開發(fā)者是南京回路教育科技有限公司。這是一個(gè)幫助你在祖國(guó)大山河水留下你的足跡的一款游戲軟件，在微信小程序中就可以直接打開。但是不少新手玩家并不知道西瓜足跡怎么使用，怎么使用西瓜足跡來記錄自己的足跡。

西瓜足跡小程序相關(guān)文章

朋友圈曬足跡小程序還有這些，還有美食足跡

西瓜足跡怎么回事？為什么這么火