微信小程序地图定位显示

最新推荐文章于 2025-04-14 12:42:36 发布

慕容屠苏

最新推荐文章于 2025-04-14 12:42:36 发布

阅读量3.7k

点赞数

分类专栏：微信小程序原生基础爬坑大前端爬坑之路

本文链接：https://blog.youkuaiyun.com/kerryqpw/article/details/90262908

版权

大前端爬坑之路同时被 2 个专栏收录

188 篇文章 ¥39.90 ¥99.00

订阅专栏

超级会员免费看

微信小程序原生基础爬坑

52 篇文章 ¥39.90 ¥99.00

订阅专栏

超级会员免费看

本文介绍如何在微信小程序中实现地图定位并显示。通过调用微信小程序的内置地图功能，用户可以获取位置权限并在地图上展示当前位置。教程包含wxml和js代码示例，以及在app.json中设置地址权限的步骤。

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

微信小程序地图定位显示

微信小程序中可以调用微信小程序内置的地图信息。

实现效果：

wxml:

<view class='ServiceCenterButton02' bindtap='gotomapLocation'  >
          <text style='margin-top:1.5vw;display: inline-block;'>一键导航</text>
      </view>

js:

gotomapLocation:function(){//地图一键导航
    
    wx.getLocation({
      type: 'gcj02', //返回可以用于wx.openLocation的经纬度
      success: function (res) {
        var latitude = res.latitude
        var longi

了解本专栏