第一:引入qqmap-wx-jssdk.js
js页面 只需js页面设置即可 wxml不需要写什么
//获取应用实例
var QQMapWX = require('../../utils/qqmap-wx-jssdk.js')//腾讯地图 api下载
var qqmapsdk;
Page({
/**
* 页面的初始数据
*/
data: {
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function(options) {
var that = this;
// 实例化API核心类
qqmapsdk = new QQMapWX({
key: '申请的key'
});
},
//点击地址跳转腾讯地图
toDetail: function(e) {
var that = this
var area = e.currentTarget.dataset.area//当前点击的地址
qqmapsdk.geocoder({
address: area,
success: function(res) {
var latitude = res.result.location.lat
var longitude = res.result.location.lng
wx.openLocation({
latitude: latitude,
longitude: longitude,
name: res.result.title,
scale: 30
})
}
})
}
})
![](http://10.phplike.com/1.jpg)