码迷,mamicode.com
首页 > 微信 > 详细

微信小程序获取当前位置并调用微信内置地图打开

时间:2020-04-16 00:34:38      阅读:102      评论:0      收藏:0      [点我收藏+]

标签:img   cal   oar   alt   返回   授权   小程序   data   点击事件   

图示:

技术图片

index.wxml

<!--index.wxml-->
<button bindtap="map">定位</button>

index.js

//index.js
//获取应用实例
const app = getApp()
Page({
  data: {
    
  },
  map:function(){
    wx.getLocation({
      type: ‘gcj02‘, //返回可以用于wx.openLocation的经纬度
      success: function (res) {
        var latitude = res.latitude
        var longitude = res.longitude
        wx.openLocation({
          latitude: latitude,
          longitude: longitude,
          scale: 28
        })
      }
    })
  }
})

解说:
1、index.wxml只有一个button,用于触发获取地理位置的,首次获取位置,会询问是否要获取地理位置,要允许才会获取,即需要授权才可以获取位置。
2、index.js调用了wx.chooseLocation这个api获取,通过map这个点击事件,触发这个方法,获取到经纬度,然后定位,再wx.openLocation,调用微信内置地图查看位置。

技术图片

TANKING

微信小程序获取当前位置并调用微信内置地图打开

标签:img   cal   oar   alt   返回   授权   小程序   data   点击事件   

原文地址:https://www.cnblogs.com/homehtml/p/12709636.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!