小程序引入海外地图

2021-10-21  本文已影响0人  林思念

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

第一步:申请key

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

第二步:引入组件

// 引入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

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

手机测试效果

image
上一篇 下一篇

猜你喜欢

热点阅读