微信小程序,怎么调用腾讯地图sdk

https://lbs.qq.com/qqmap_wx_jssdk/




一定要仔细看 这几条限制条件!!!否则会有各种报错。

1. 申请开发者密钥(key):申请密钥

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

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

3. 下载微信小程序JavaScriptSDK,微信小程序JavaScriptSDK v1.2

4. 安全域名设置,在“设置” -> “开发设置”中设置request合法域名,添加https://apis.map.qq.com

++++++++++++++++++++++++++++++++++++++

app.js代码如下

//app.js

var QQMapWX = require('/utils/qqmap-wx-jssdk.min.js');

App({

  data: {  },

  onLaunch: function () {     },

  globalData: {    },

  qqmapsdk: new QQMapWX({ key: 'FH3BZ-7ZGWJ-KTKFW-FUQ73-IYNR3-3JBD2'}),

})

//实际调用的页面:例如detail。js

hqxxgx:function(){

        let that=this;

        wx.getLocation({

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

            success: function (res) {

                let latitude = res.latitude,

                    longitude = res.longitude;

                app.qqmapsdk.reverseGeocoder({

                    location: {

                        latitude: latitude,

                        longitude: longitude

                    },

                    success: function (res) {

                        console.log(res);

                        if (res.message == 'query ok') {

                            console.log(res);                            

                            var recommend = res.result.formatted_addresses.recommend;


                            that.setData({

                                photoLatitude: latitude,

                                photoLongitude: longitude,

                                photoStreet: recommend,//得到用户地址了            

                            })

                            that.chooseImg();

                        }

                    },

                    fail: function (res) {

                    },

                });

            }

        })

    },

你可能感兴趣的:(微信小程序,怎么调用腾讯地图sdk)