小程序引入海外地图

示例 ：小程序默认Tencent地图（国内看国外地图）

第一步：申请key

https://lbs.qq.com/product/abroad.html

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

• 设置对应自身的小程序wx号的appId

  
  image

第二步：引入组件

• 通过小程序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);
      }      
    })      
  }
})

https://lbs.qq.com/product/miniapp/jssdk/

点击wx小程序sdk下载

image

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

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

手机测试效果

image