wxml
<map id="map" style="height:600rpx;width:100%;" longitude="{{longitude}}" latitude="{{latitude}}" markers="{{markers}}"></map>
在app.json中添加一个获取当前gps经纬度位置的授权,如果不获取当前手机位置的话可以直接传经纬度数据。
{
"pages": ["pages/index/index"],
"permission": {
"scope.userLocation": {
"desc": "你的位置信息将用于小程序位置接口的效果展示" // 高速公路行驶持续后台定位
}
}
}
添加完后小程序运行会弹出提示
onLoad: function (options) {最终效果
wx.getLocation({
type:'gcj02',
success:res=>{
this.setData({
longitude: res.longitude,
latitude: res.latitude
})
this.addMark(res);
}
})
},
addMark(res){
var marker=[]
marker.push({
id:1, //标记点 id
width:50,
longitude: res.longitude,
latitude: res.latitude,
label:{
content:'我的位置',
color:'#f00',
fontSize:20
},
callout:{
content:'气泡',
color:"#f00",
fontSize:30
},
iconPath:'/images/center.png'
})
this.setData({
markers:marker
})
},
网友回复
如何编写一个chrome插件实现多线程高速下载大文件?
cdn版本的vue在网页中出现typeerror错误无法找到错误代码位置怎么办?
pywebview能否使用webrtc远程控制共享桌面和摄像头?
pywebview6.0如何让窗体接受拖拽文件获取真实的文件路径?
如何在linux系统中同时能安装运行apk的安卓应用?
python有没有离线验证码识别ocr库?
各家的ai图生视频及文生视频的api价格谁最便宜?
openai、gemini、qwen3-vl、Doubao-Seed-1.6在ui截图视觉定位这款哪家更强更准?
如何在linux上创建一个沙箱隔离的目录让python使用?
pywebview如何使用浏览器自带语音识别与webspeech 的api?