微信小程序微信小程序 使用腾讯地图使用腾讯地图SDK详解及实现步骤详解及实现步骤
主要介绍了微信小程序 使用腾讯地图SDK详解及实现步骤的相关资料,需要的朋友可以参考下
微信小程序微信小程序 使用腾讯地图使用腾讯地图SDK详解及实现步骤详解及实现步骤
近期在做一款彩票服务类项目中用到了腾讯地图提供的小程序解决方案，拿来给大家分享一下！
使用起来非常简单，就是一些功能还有待完善。
官方文档：http://lbs.qq.com/qqmap_wx_jssdk/index.html
步骤：步骤：
1. 申请开发者密钥（key）：申请密匙
2. 下载微信小程序JavaScriptSDK，微信小程序JavaScriptSDK v1.0
3. 安全域名设置，需要在微信公众平台添加域名地址https://apis.map.qq.com
4. 小程序示例
// 引入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);
}
});
})
结果效果图：
评论0