
主要实现功能:
a.进入地图界面,会自动获取当前位置(用户需授权地理位置权限),并显示省市区在左上角,根据个人需求,我只显示了区
b.大头针实现,拖动地图,大头针都能获取到位置
c.左下角定位当前位置实现,当移动地图到别的位置,点击左下角图标,会回归到当前位置
下面是代码的实现
1. app.json文件中
"permission":{
"scope.userLocation":{
"desc":"授权当前位置"
}
}
效果图

弹出授权权限的框,让用户手动授权
2. map.wxml 布局文件
<view class='view-c'>
<view class='view-top'>
<text style="font-size: 24rpx;margin-top: 40rpx; color: #b65151">当前:{
{district}}</text>
<input placeholder="输入城市" class='input-c' bindinput="getsuggest" value="{

本文介绍了如何在微信小程序中实现地图功能,包括自动获取并显示用户当前位置,设置大头针定位,允许用户移动选点以及通过点击图标返回当前位置。详细代码实现包括app.json配置,map.wxml界面布局和map.js的逻辑处理,使用了腾讯地图的SDK。

244

被折叠的 条评论
为什么被折叠?



