微信小程序如何获取当前地理位置信息

  1. 申请开发者密钥(key):申请密钥https://lbs.qq.com/console/key.html

  2. 开通webserviceAPI服务:控制台 -> key管理 -> 设置(使用该功能的key)-> 勾选webserviceAPI -> 保存

    (小程序SDK需要用到webserviceAPI的部分服务,所以使用该功能的KEY需要具备相应的权限)

  3. 下载微信小程序JavaScriptSDK,微信小程序JavaScriptSDK v1.2https://lbs.qq.com/qqmap_wx_jssdk/index.html

  4. 安全域名设置https://mp.weixin.qq.com/wxamp/devprofile/get_profile?token=1762756491&lang=zh_CN,在“设置” -> “开发设置”中设置request合法域名,添加https://apis.map.qq.com

  5. 小程序示例

// 引入SDK核心类
var QQMapWX = require('../../libs/qqmap-wx-jssdk.js');
var qqmapsdk;
Page({
 
    onLoad: function () {
        // 实例化API核心类
        qqmapsdk = new QQMapWX({
            key: '申请的key'
        });
    },
    onShow: function () {
        // 调用接口
        qqmapsdk.search({
            keyword: '酒店',
            success: function (res) {
                console.log(res);
            },
            fail: function (res) {
                console.log(res);
            },
        complete: function (res) {
            console.log(res);
        }
    });
 
 
})

猜你喜欢

转载自blog.csdn.net/qq_44469200/article/details/104143686