微信小程序 uniapp 腾讯地图的调用

/*

提前在您的app.json上加上这些代码

"permission": {

"scope.userLocation": {

"desc": "你的位置信息将用于地图中定位"

}

}

*/

wx.request({

url: 'https://apis.map.qq.com/ws/geocoder/v1/?key='+this.key+'\&address='+address,

success: res => {

console.log(res) // 此处返回的就是城市名称

this.longitude= res.data.result.location.lng;

this.latitude = res.data.result.location.lat;

}

})

<div class="row">

<div style="width: 100%;margin: 0 auto;overflow: hidden;margin-left: 8%;">

<map :latitude="latitude" :longitude="longitude" :markers="covers"

style="margin-left: -16%;"></map>

</div>

</div>

相关推荐
ModyQyW2 小时前
vite-plugin-uni-manifest 0.7:在 uni-app 读取之前生成
前端·uni-app
lyz2468593 小时前
uniapp vue3 小程序开发注意事项
uni-app
拖孩5 小时前
流量主门槛从 500 降到 100,我的小程序上线 18 小时够到了线
前端·后端·微信小程序
云-缩影6 小时前
做微信小程序,自建服务器还是用云托管:技术选型对比
服务器·微信小程序·小程序
雪芽蓝域zzs8 小时前
WebStorm Uniapp Support + Uniapp Tool + Uniappx Language Service讲解
vue.js·uni-app·webstorm
普通人610 小时前
Web端3D模型加载实战指南_Vue3_uni-app_HTML
前端·javascript·uni-app·html
极限挑战哥1 天前
共享电单车联营平台分账架构实践:二清合规与自动分账零人工方案
java·大数据·人工智能·微信小程序·架构·微信公众平台
超级新零售1 天前
服装订货会数字化:商品版本、订单状态与后续配发数据如何衔接?
大数据·小程序·企业微信
云-缩影1 天前
拆解微信小程序后端架构:ECS、RDS、SSL 和 VPC 怎么配合
微信小程序·架构·ssl
拖孩1 天前
AI 帮我写的小程序上线 44 天:36 个人进了收银台,8 个人付钱
前端·后端·微信小程序