小程序模板网

微信小程序--location API

发布时间:2018-04-25 09:06 所属栏目:小程序开发教程

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

主要属性:

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

成功之后返回参数

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

这里直接进入微信内置应用,当使用导航返回键时是内部写的外界无法干预所以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. }


易优小程序(企业版)+灵活api+前后代码开源 码云仓库:starfork
本文地址:https://www.eyoucms.com/wxmini/doc/course/23956.html 复制链接 如需定制请联系易优客服咨询:800182392 点击咨询
QQ在线咨询