用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

微客吧 首页 教程 微信小程序 新手教程 查看内容

使用高德地图获取当前位置具体信息

纸飞机 2018-3-8 09:35

如题,这是我之前做的中获取位置信息部分,用户只能进行“拒绝”或“允许”获取位置信息操作,“拒绝”则获取位置失败,“允许”则获取用户所在位置信息(该操作只在后台执行,不打开地图查看位置,不能选择、移动、 ...

如题,这是我之前做的中获取位置信息部分,用户只能进行“拒绝”或“允许”获取位置信息操作,“拒绝”则获取位置失败,“允许”则获取用户所在位置信息(该操作只在后台执行,不打开地图查看位置,不能选择、移动、改变位置,这也是我当时没用小程序提供的API的原因,我要的就是用户的位置,不能随意改变)

index.wxml

  1. class="container">
  2. class="resultPart">
  3. 当前位置:
  4. class="resTxt">{{result}}

index.wxss

  1. .resultPart{
  2. width:80%;
  3. display:flex;
  4. flex-direction:column;
  5. align-items:center;
  6. }
  7. .resTxt{
  8. padding-top:40rpx;
  9. color:blue;
  10. }

index.js

  1. var amapFile = require('../../utils/amap-wx.js');
  2. Page({
  3. data: {
  4. result:''
  5. },
  6. onLoad: function () {
  7. console.log('onLoad');
  8. this.getLocation();
  9. },
  10. getLocation:function(){
  11. var _this = this;
  12. var myAmapFun = new amapFile.AMapWX({key:'xxxxxxxx'});//key注册高德地图开发者
  13. myAmapFun.getRegeo({
  14. success: function(data){
  15. console.log('getLocation success');
  16. _this.setData({
  17. result:data[0].name+' '+data[0].desc
  18. });
  19. },
  20. fail: function(info){
  21. console.log("getLocation fail");
  22. wx.showModal({title:info.errMsg});
  23. _this.setData({
  24. result:'获取位置失败!'
  25. });
  26. }
  27. });
  28. }
  29. })

amap-wx.rar

鲜花
鲜花
握手
握手
雷人
雷人
路过
路过
鸡蛋
鸡蛋
分享至 : QQ空间
收藏