微信小程序开发之——map组件,【绝对干货】

本文详细介绍了如何在微信小程序中使用map组件获取并显示当前位置,包括布局文件(index.wxml)和样式文件(index.wxss)的设置,以及在index.js中获取精度和纬度的逻辑。同时,文章涵盖了权限授予的步骤,从用户未授权到允许后的全过程,展示了地图全屏显示效果。
摘要由CSDN通过智能技术生成

2.1 布局文件(index.wxml)

2.2 样式文件(index.wxss)-全屏

map{

height: 100vh;

width: 100vw;

}

2.3 效果图

[外链图片转存中…(img-TZ8rIOzV-1710700212635)]

三 map获取当前位置显示(添加精度和纬度)


3.1 布局文件(index.wxml)

3.2 逻辑文件(index.js)—获取当前位置设置精度和纬度

onLoad: function (options) {

wx.getLocation({

type:‘gcj02’,

success:res=>{

this.setData({

longitude: res.longitude,

latitude: res.latitude

})

}

})

},

  • 23
    点赞
  • 15
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值