欢迎光临,了解微信小程序开发,就上易用通!

微信小程序--location API

发布:2018-04-25 09:06浏览: 来源:网络 作者:cola

location API也就分这里分两种wx.getLocation(object)获取当前位置和wx.openLocation(object)通过经纬度打开内置地图。其中定位获取位置信息返回参数是有问题的speed,accuracy这两个是没有的。还有一个就是打开内置地图之后再返回会报一个错误(Page route错误—WAService.js:2 navigateBack 一个不存在的webviewId0)如果有知道的可告知,我找到解决方式也会补充下!

主要属性:

wx.getLocation(object)获取当前位置

微信小程序--location API(图1)

成功之后返回参数

微信小程序--location API(图2)

wx.openLocation(object)打开微信内置地图

微信小程序--location API(图3)

这里直接进入微信内置应用,当使用导航返回键时是内部写的外界无法干预所以WAService.js:2 navigateBack 一个不存在的webviewId0这个错估计也带等小程序修复吧!!

wxml

 

				
  1.  
  2. <button id="0" type="primary" bindtap="listenerBtnGetLocation">定位当前位置并打开内置地
  3. js
  4.  
  5.  
  6. Page({
  7. data:{
  8. text:"Page location"
  9. },
  10. onLoad:function(options){
  11. // 页面初始化 options为页面跳转所带来的参数
  12. },
  13.  
  14. /**
  15. * 监听定位到当前位置
  16. */
  17. listenerBtnGetLocation: function() {
  18. wx.getLocation({
  19. //定位类型 wgs84, gcj02
  20. type: 'gcj02',
  21. success: function(res) {
  22. console.log(res)
  23. wx.openLocation({
  24. //当前经纬度
  25. latitude: res.latutude,
  26. longitude: res.longitude,
  27. //缩放级别默认28
  28. scale: 28,
  29. //位置名
  30. name: '测试地址',
  31. //详细地址
  32. address: '火星路24号',
  33. //成功打印信息
  34. success: function(res) {
  35. console.log(res)
  36. },
  37. //失败打印信息
  38. fail: function(err) {
  39. console.log(err)
  40. },
  41. //完成打印信息
  42. complete: function(info){
  43. console.log(info)
  44. },
  45. })
  46.  
  47. },
  48. fail: function(err) {
  49. console.log(err)
  50. },
  51. complete: function(info) {
  52. console.log(info)
  53. },
  54. })
  55. },
  56.  
  57. onReady:function(){
  58. // 页面渲染完成
  59. },
  60. onShow:function(){
  61. // 页面显示
  62. },
  63. onHide:function(){
  64. // 页面隐藏
  65. },
  66. onUnload:function(){
  67. // 页面关闭
  68. }





免责声明:本站所有文章和图片均来自用户分享和网络收集,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。