微信小程序 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>

相关推荐
疯狂的沙粒4 分钟前
在web-view 加载的本地及远程HTML中调用uniapp的API及网页和vue页面是如何通讯的?
前端·uni-app·html
Uyker1 小时前
从零开始制作小程序简单概述
前端·微信小程序·小程序
打小就很皮...8 小时前
HBuilder 发行Android(apk包)全流程指南
前端·javascript·微信小程序
狼性书生11 小时前
uniapp实现的简约美观的星级评分组件
前端·uni-app·vue·组件
说私域11 小时前
定制开发开源AI智能名片驱动下的海报工厂S2B2C商城小程序运营策略——基于社群口碑传播与子市场细分的实证研究
人工智能·小程序·开源·零售
说私域18 小时前
内容力重塑品牌增长:开源AI大模型驱动下的智能名片与S2B2C商城赋能抖音生态种草范式
人工智能·小程序·开源·零售
Jiaberrr18 小时前
uniapp 安卓 APP 后台持续运行(保活)的尝试办法
android·前端·javascript·uni-app·app·保活
不老刘18 小时前
uniapp+vue3实现CK通信协议(基于jjc-tcpTools)
前端·javascript·uni-app
前端缘梦19 小时前
微信小程序登录方案实践-从账号体系到用户信息存储
前端·微信小程序
疯狂的沙粒20 小时前
uni-app 如何实现选择和上传非图像、视频文件?
前端·javascript·uni-app