商城系統(tǒng) 注冊(cè)

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

2020-09-27|HiShop
導(dǎo)讀:最近一款關(guān)于朋友圈曬足跡的小程序刷屏火爆,叫做西瓜足跡,這個(gè)小程序是如何開(kāi)發(fā)的呢,下面為大家介紹類似西瓜足跡小程序地圖組件怎么開(kāi)發(fā)...
最近一款關(guān)于朋友圈曬足跡的小程序刷屏火爆,叫做西瓜足跡,這個(gè)小程序是如何開(kāi)發(fā)的呢,下面為大家介紹類似西瓜足跡小程序地圖組件怎么開(kāi)發(fā)

類似西瓜足跡小程序地圖組件怎么開(kāi)發(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. })

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

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

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

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

西瓜足跡入口。查看:西瓜足跡小程序

更多足跡小程序,請(qǐng)查看足跡小程序
 

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

電話咨詢 預(yù)約演示 0元開(kāi)店