您当前的位置:首页 > 知识百科 

微信小程序定位接口怎么使用?

时间:2023-07-01 14:05 阅读数:5人阅读

  在小程序定位功能的开发过程中需要使用到微信小程序定位接口,那么定位接口要怎么使用呢?如果你还不知道微信小程序定位接口的具体使用方法,那么今天微信小程序商店提供的这份资料应该会对你很有帮助的。

  之前做过的关于小程序地图定位的模块,模拟器肯定是获取不到用户的精准位置,下面为小程序测试结果: 

  经纬度不说了.定位用的,我这里直接输入的数字定位.但是有许多问题

  下图中scale是缩放比例,这个属*目前无效.后期微信团队应该会修复.毕竟现在刚开始公测.这样就导致我不管怎么修改scale,我的地图都是在默认的缩放比例.

  markers中的rotate是图标的旋转角度.如果需要平行于屏幕的图标,那就设置为0吧.

  另外,覆盖物的图标是可以修改的.给iconPath设置路径即可.

  以下是使用微信小程序定位接口需要的代码:

  [html] view plain copy

  定位

  [javascript] view plain copy//index.js

  //获取应用实例

  var app = getApp()

  Page({

  data: {

  latitude: 0,//纬度

  longitude: 0,//经度

  speed: 0,//速度

  accuracy: 16,//位置精准度

  markers: [],

  covers: [],

  },

  onLoad: function () {

  },

  getlocation: function () {

  var markers = [{

  latitude: 31.23,

  longitude: 121.47,

  name: '浦东新区',

  desc: '我的位置'

  }]

  var covers = [{

  latitude: 31.23,

  longitude: 121.47,

  iconPath: '../images/car.png',

  rotate: 0

  }]

  this.setData({

  longitude: 121.47,

  latitude: 31.23,

  markers: markers,

  covers: covers,

  })

  }

  })

  2.wx.getLocation(OBJECT) 获取当前位置API

  红色框标出的就是经纬度,速度,精确度

  用gch02返回的坐标可以直接打开地图.

  具体api见文档

  3.wx.openLocation(OBJECT) 查看位置

  最简单粗暴的就是直接给经纬度定位.

  代码:

  [javascript] view plain copy/index.js

  //获取应用实例

  var app = getApp()

  Page({

  data: {

  latitude: 0,//纬度

  longitude: 0,//经度

  speed: 0,//速度

  accuracy: 16,//位置精准度

  markers: [],

  covers: [],

  },

  onLoad: function () {

  },

  getlocation: function () {

  wx.getLocation({

  type: 'gcj02',

  success: function (res) {

  var latitude = res.latitude

  var longitude = res.longitude

  var speed = res.speed

  var accuracy = res.accuracy

  console.log("latitude:" + latitude)

  console.log("longitude:" + longitude)

  console.log("speed:" + speed)

  console.log("accuracy:" + accuracy)

  wx.openLocation({

  latitude: latitude,

  longitude: longitude,

  scale: 28

  })

  }

  })

  }

  })

  微信小程序定位使用效果图:

  关于微信小程序定位接口怎么使用大家都知道了吗?使用定位接口之后开发出来的小程序定位功能要比之前的完善很多,使用起来更加方便,希望大家参照上面的流程和代码都能开发成功。

  

  微信小程序定位50米实现的原理是什么?

  微信小程序定位怎么定?小程序定位功能开发

  微信小程序定位源代码介绍