当前位置: 首页 > Web前端 > HTML5

小程序与腾讯地图结合使用

时间:2023-04-05 16:00:58 HTML5

1小程序本身已经提供了wx.getLocation/*获取当前位置的经纬度*/wx.chooseLocation/*选择周边地址*/wx.openLocation/*打开地图*/效果图我知道详细地址,但是不知道经纬度,所以定位不到。腾讯官方也提供了一些地图扩展。具体如何引入组件Tencent,请参考官方文档中的实际例子,看代码,在onShow生命周期中使用。这里我只是举个例子,用在什么地方看自己的业务逻辑~~~具体的git地址importQQMapWXfrom'../../plugins/qqmap-wx-jssdk';constqqmapsdk=newQQMapWX({key:'Applicationkey'});onShow:function(){qqmapsdk.geocoder({address:'北京市朝阳区大山子兆威大厦A座',success:function(res){console.log(res,"------");wx.openLocation({名称:`${res.result.address_components.province}-${res.result.address_components.district}`,地址:`${res.result.address_components.province}${res.result.address_components.district}${res.result.title}`,纬度:res.result.location.lat,经度:res.result.location.lng})},失败:function(res){console.log(res);},完成:函数(res){//console.log(res,"------77777");}})})}