步骤
- 使用 wx.getLocation来获取位置授权:获取到设备当前的地理位置信息,这个信息是当前位置的经纬度
- 使用其他第三方地图服务的API:获取当前位置是处于哪个国家,哪个城市等信息(eg:腾讯地图、百度地图)。
- 以腾讯地图为例 去腾讯地图开放平台注册一个账号,然后在它的管理后台创建一个密钥(key)。
- 在我们的代码中调用这个API。该API可以通过JSONP的方式调用,也可以在服务器端发起调用。
具体步骤知识参考:https://lbs.qq.com/guides/startup.html
代码
(1)获取地理经纬度wx.getLocation
(2)下载微信小程序JavaScriptSDK
(3)安全域名设置,在“设置” -> “开发设置”中设置request合法域名,添加https://apis.map.qq.com
(4)小程序代码完整示例
注意:微信小程序使用的时候,WebServiceAPI 域名白名单不能配置,否则会报错
<text>经纬度:{
{
latitude}},{
{
longitude}}</text>
<view>
<text>位置:</text>
<text>{
{
province}} </text>
<text>{
{
city}} </text>
<text>{
{
district}} </text>
</view>
<button bindtap="getLocation">获取当前城市位置</button>
var QQMapWX = require('../../libs/qqmap-wx-jssdk.js');
var qqmapsdk;
Page({
data: {
province: '',
city: '',
district: '',
latitude: '',
longitude: '',
},
onLoad: function (options) {