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

最新推荐文章于 2024-08-19 18:40:26 发布

转载最新推荐文章于 2024-08-19 18:40:26 发布 · 3.3k 阅读

12 ·

CC 4.0 BY-SA版权

原文链接：https://segmentfault.com/a/1190000015397172

文章标签：

#javascript #ViewUI

本文介绍了一个简单的微信小程序中实现地理位置定位的方法。通过button组件触发获取地理位置，并使用wx.getLocation API来获取经纬度信息，在用户授权后调用wx.openLocation进行位置展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

图示：

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