腾讯网网站内容定位(然后在调用内置地图发现你需要的位置定位有问题？)

　　腾讯网网站内容定位(然后在调用内置地图发现你需要的位置定位有问题？)

　　那么当你调用内置地图时，你发现你需要的位置定位有问题？

　　微信小程序可以打开内置地图，但是显示时不显示当前位置名称？

　　wx.getLocation({

type: 'gcj02', //返回可以用于wx.openLocation的经纬度

success: function(res) {

var latitude = res.latitude

var longitude = res.longitude

wx.openLocation({

latitude: latitude,

longitude: longitude,

scale: 28

})

}

})

　　微信小程序API提供了定位当前位置的API，但该API没有提供定位后的位置名称。由于没有提供小程序API，可以使用第三方地图、腾讯地图、高德地图、百度地图……

　　然后分享一下我用的是腾讯地图。恐怕会有什么问题。毕竟还是用腾讯的家比较好-_-#

　　需要：

　　假设在某个场景下，需要加载页面显示地图模块，直接定位到目标位置。点击地图组件使用地图导航，即可通过地图导航到目标地点。

　　想法：

　　1、你可以提供经纬度，然后通过访问后台界面将js数据渲染到wxml页面，使用地图组件直接定位显示在你的页面上。

　　longitude-longitude latitude-latitude（写在这里，因为我弄糊涂了~~）

　　至于地图组件的内容，我就不赘述了。有兴趣的可以去开发文档查看开发文档。

　　2、 然后通过在js页面加载时请求后台，获取后台系统管理器指定位置的经纬度，然后将js数据渲染到界面地图组件自动定位。

　　3、 然后使用腾讯地图反向地址解析，通过详细经纬度获取详细地址信息。

　　链接到腾讯地图官网，自行按照步骤操作：

　　const app = getApp()

var url = app.globalData.url

// 引入SDK核心类

var QQMapWX = require('xxx/qqmap-wx.js');

Page({

data:{

longitude：'',

latitude:'',

},

goMap:function(){

var that = this

//逆地址解析

// 实例化API核心类

var demo = new QQMapWX({

key: '开发密钥（key）' // 必填

});

// 调用接口

demo.reverseGeocoder({

location: {

latitude: that.data.latitude,

longitude: that.data.longitude,

},

success: function(res) {

console.log(res);

//​使用微信内置地图查看位置

wx.openLocation({

latitude: that.data.latitude,

longitude: that.data.longitude,

name:res.result.address,//地址描述

scale: 28

})

},

});

},

onLoad: function (res) {

var that = this

//发送请求

wx.request({

url: url + "xxx/xxx",//仅为示例接口地址

success: function (res) {

that.setData({

longitude: res.data.longitude,

latitude: res.data.latitude,

})

},

})

}

})

　　暗示：

　　比如开发中遇到的坑，你提供经纬度的时候一定要精确，不同平台的坐标是不一样的。一定要注意，不然定位会有问题。

　　水平有限，有问题请留言。