143 lines
3.1 KiB
JavaScript
143 lines
3.1 KiB
JavaScript
// pages/map.js
|
||
var QQMapWX = require('../../utils/qqmap-wx-jssdk.js');
|
||
var qqmapsdk = new QQMapWX({
|
||
key: 'QLPBZ-QODCX-7KB46-TQERC-T36BT-IIBJO' // 必填
|
||
});
|
||
Page({
|
||
|
||
/**
|
||
* 页面的初始数据
|
||
*/
|
||
data: {
|
||
inputVal:'',
|
||
latitude: 31.22786,
|
||
longitude: 121.46658,
|
||
suggestion:[],
|
||
district:{}
|
||
},
|
||
// 选择位置
|
||
handlePos(val){
|
||
console.log(val,'asdas');
|
||
var _this = this;
|
||
//调用关键词提示接口
|
||
qqmapsdk.getSuggestion({
|
||
//获取输入框值并设置keyword参数
|
||
keyword: val.detail.value, //用户输入的关键词，可设置固定值,如keyword:'KFC'
|
||
//region:'北京', //设置城市名，限制关键词所示的地域范围，非必填参数
|
||
success: function(res) {//搜索成功后的回调
|
||
console.log(res);
|
||
var sug = [];
|
||
for (var i = 0; i < res.data.length; i++) {
|
||
sug.push({ // 获取返回结果，放到sug数组中
|
||
title: res.data[i].title,
|
||
id: res.data[i].id,
|
||
addr: res.data[i].address,
|
||
city: res.data[i].city,
|
||
district: res.data[i].district,
|
||
latitude: res.data[i].location.lat,
|
||
longitude: res.data[i].location.lng
|
||
});
|
||
}
|
||
_this.setData({ //设置suggestion属性，将关键词搜索结果以列表形式展示
|
||
suggestion: sug
|
||
});
|
||
},
|
||
fail: function(error) {
|
||
console.error(error);
|
||
},
|
||
complete: function(res) {
|
||
console.log(res);
|
||
}
|
||
});
|
||
},
|
||
// 跳转列表
|
||
handleRouter(){
|
||
wx.navigateTo({
|
||
url:'/pages/list/list'
|
||
})
|
||
},
|
||
/**
|
||
* 生命周期函数--监听页面加载
|
||
*/
|
||
onLoad(options) {
|
||
var that = this
|
||
wx.getLocation({
|
||
type: 'wgs84',
|
||
altitude: false,
|
||
success: (result) => {
|
||
that.getOnlineDistrict(result.latitude, result.longitude)
|
||
var obj = {
|
||
latitude:result.latitude,longitude:result.longitude
|
||
}
|
||
this.setData({
|
||
district:obj
|
||
})
|
||
console.log(this.district,obj,'district');
|
||
},
|
||
});
|
||
|
||
},
|
||
getOnlineDistrict(latitude, longitude) {
|
||
var that = this;
|
||
//通过这个方法来实现经纬度反推省市区
|
||
qqmapsdk.reverseGeocoder({
|
||
location: {
|
||
latitude: latitude,
|
||
longitude: longitude
|
||
},
|
||
success: function (res) {
|
||
that.setData({
|
||
// district:res.result.address_component.city
|
||
})
|
||
console.log(res,'asda');
|
||
}
|
||
})
|
||
},
|
||
/**
|
||
* 生命周期函数--监听页面初次渲染完成
|
||
*/
|
||
onReady() {
|
||
},
|
||
|
||
/**
|
||
* 生命周期函数--监听页面显示
|
||
*/
|
||
onShow() {
|
||
|
||
},
|
||
|
||
/**
|
||
* 生命周期函数--监听页面隐藏
|
||
*/
|
||
onHide() {
|
||
|
||
},
|
||
|
||
/**
|
||
* 生命周期函数--监听页面卸载
|
||
*/
|
||
onUnload() {
|
||
|
||
},
|
||
|
||
/**
|
||
* 页面相关事件处理函数--监听用户下拉动作
|
||
*/
|
||
onPullDownRefresh() {
|
||
|
||
},
|
||
|
||
/**
|
||
* 页面上拉触底事件的处理函数
|
||
*/
|
||
onReachBottom() {
|
||
|
||
},
|
||
|
||
/**
|
||
* 用户点击右上角分享
|
||
*/
|
||
onShareAppMessage() {
|
||
|
||
}
|
||
}) |