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

相关推荐
tcdos2 天前
不止扫码 — 微信生态深度融合(登录 + 支付 + 消息)
后端·微信小程序
小徐_23332 天前
Wot UI 2.2.0 发布:Button 新增 subtle,VideoPreview 预览体验继续增强
前端·微信小程序·uni-app
宸翰4 天前
解决 uni-app App 端 vue-i18n 占位符丢失:封装跨端可用的 tf 格式化方法
前端·vue.js·uni-app
时光足迹4 天前
uni-app 视频通话实战:康复师与患者视频问诊的 6 个致命 Bug 与解决方案
android·ios·uni-app
时光足迹4 天前
腾讯云 TRTC UniApp SDK 从入门到上线
前端·vue.js·uni-app
时光足迹5 天前
uni-app 里把加密视频嵌入页面播放?我分析了 4 种方案,只有 1 种接近完美
前端·vue.js·uni-app
时光足迹5 天前
JPush UniApp UTS 插件完全参考手册:API、事件与厂商通道一网打尽
vue.js·ios·uni-app
时光足迹5 天前
极光推送全攻略(下):uni-app 代码实现与 iOS 排查实战
vue.js·ios·uni-app
时光足迹5 天前
极光推送全攻略(上):被iOS证书折磨了三天,我写了一份前端也能看懂的避坑指南
前端·ios·uni-app
蜗牛前端5 天前
codex 全流程开发上线的高颜值礼簿小程序
前端·微信小程序