您当前的位置: 首页 > 知识百科 > 公众号小程序路径怎么开发?

公众号小程序路径怎么开发?

时间:2023-07-01 14:05 阅读数:119 人阅读 分类:知识百科

  有人反映在公众号绑定小程序的菜单里,会提示输入小程序路径,小编猜想大概是小程序上线的新功能吧。几经搜索,原来这是小程序的路径规划功能,那么公众号小程序路径要怎么开发使用呢?一起来看看。

  小程序使用路径规划这一功能是借助腾讯地图的WebService API中的路径规划服务和划线实现的。index.wxml文件如下,点击路径形成规划图。index.js文件如下:

  小程序路径index.js文件如下

  var coors

  var that2

  Page({

  data: {

  polyline: [],

  markers: [{

  iconPath: "mark.png",

  latitude: 23.362490,

  longitude: 116.715790,

  width: 25,

  height: 25

  },

  {

  iconPath: "mark.png",

  latitude: 23.37228,

  longitude: 116.75498,

  width: 25,

  height: 25

  }],

  },

  onReady: function () {

  that2 = this

  wx.request({

  url: 'apis.map.qq/ws/direction/v1/driving/?from=23.362490,116.715790&to=23.37228,116.75498&output=json&callback=cb&key=22VBZ-REEK5-WVSI7-QKCOP-QPM6E-W7BPO',

  success: function (res) {

  coors = res.data.result.routes[0].polyline

  for (var i = 2; i < coors.length; i++)

  { coors[i] = coors[i - 2] + coors[i] / 1000000 }

  console.log(coors)

  }

  })

  },

  end: function () {

  var b=[]

  for (var i = 0; i < coors.length; i=i+2)

  {

  b[i / 2] = {

  latitude: coors[i],longitude:coors[i+1]}

  console.log(b[i/2])

  }

  console.log(b.length)

  that2.setData({

  polyline: [{

  points: b,

  color: "#99FF00",

  width: 4,

  dottedLine: false

  }],

  })

  }

  })定义两点坐标并mark标注,通过api获取路径规划路线,返回的压缩后的经纬度,解压缩后出现成对的经纬度,再转换为polyline划线的格式。

  怎样开发和实现公众号小程序路径功能,上文中已经提供了详细的教程和相关小程序码,希望大家参照这份资料都能开发成功,也希望公众号小程序路径能够对大家有所帮助。如果还有不懂的地方可以挑选关键词在微信小程序商店搜索相关资料。

  

  公众号文章中添加小程序路径是怎样的?

  微信公众号关联小程序有什么用?关联小程序的作用

  小程序网页怎么转发到公众号上?