微信小程序 使用腾讯地图SDK详解及实现步骤
48 浏览量
2021-01-03
06:34:36
上传
评论 1
收藏 70KB PDF 举报
微信小程序微信小程序 使用腾讯地图使用腾讯地图SDK详解及实现步骤详解及实现步骤
微信小程序微信小程序 使用腾讯地图使用腾讯地图SDK详解及实现步骤详解及实现步骤
近期在做一款彩票服务类项目中用到了腾讯地图提供的小程序解决方案，拿来给大家分享一下！
使用起来非常简单，就是一些功能还有待完善。
官方文档：http://lbs.qq.com/qqmap_wx_jssdk/index.html
步骤：步骤：
申请开发者密钥（key）：申请密匙
下载微信小程序JavaScriptSDK，微信小程序JavaScriptSDK v1.0
安全域名设置，需要在微信公众平台添加域名地址https://apis.map.qq.com
小程序示例
// 引入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);
}
});
})
结果效果图：
资源评论
