小程序默认Tencent地图(国内看国外地图)

728 阅读1分钟

示例 :小程序默认Tencent地图(国内看国外地图)

第一步:申请key

lbs.qq.com/product/abr…

  • 小程序本身不提供海外地图服务,可以申请海外位置服务权限,需要在控制台提交工单申请,相应的权限,申请权限为7天试用期  * 腾讯应用为例(需要申请相应的应用,并且加入开发者appID)(必选条件一)
  • 设置对应自身的小程序wx号的appId

22597286-e8b99a19b7b554fd.webp

第二步:引入组件

  • 通过小程序sdk的方式引入
// 引入SDK核心类   
var QQMapWX = require('../../libs/qqmap-wx-jssdk.js');
var qqmapsdk;
Page({
  onLoad:function(){
    // 实例化API核心类
    qqmapsdk =newQQMapWX({
      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);
      }      
    })      
  }
})

lbs.qq.com/product/min…

点击wx小程序sdk下载

22597286-8fdc8998f33a22d7.webp

第三步:小程序开发公众平台

  • 在“设置” -> “开发设置”中设置request合法域名,添加apis.map.qq.com
  • 小程序开发工具并未正常显示海外地图

22597286-2b9ca3a33e902ca6.webp 手机测试效果