venue/venue_wx
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

init project

Browse Source
This commit is contained in:
limqhz
2020-06-21 16:27:58 +08:00
commit e8fe10b5fb
178 changed files with 9964 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

502
pages/home/index.js Normal file
View File

@@ -0,0 +1,502 @@
// pages/home/index.js
const app = getApp();
let s = '';
let m = 0;
let endM = 0;
let address = [];
let zoom = 6;
let mapCtx;
Page({
/**
* 页面的初始数据
*/
data: {
state: 2,
top: -200,
noticeList: [],
latitude: 0,
longitude: 0,
markers: [],
isShowAuth: false,
animationData: {},
includePoints: [],
unClickDetail: false,
unClickBtn: false,
isShowMap: false,
gohome: true,
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function(options) {
this.setData({
isShowMap: true
})
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function() {
this.getLocation();
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function() {
// this.setData({
// isShowAuth: false
// })
this.data.unClickDetail = false
this.data.unClickBtn = false
clearTimeout(s);
m = endM;
this.getAnnouncementsList();
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function() {
endM = m;
clearTimeout(s);
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function() {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function() {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function() {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function() {
return {
title: '智慧云馆'
}
},
// 公告滚动
lun() {
// m -= 10 / (wx.getSystemInfoSync().screenWidth / 750);
let that = this;
// that.setData({
// top: m
// })
// this.animation = animation;
let subHeight = 200 * (wx.getSystemInfoSync().screenWidth / 750);
let max = (that.data.noticeList.length - 1) * subHeight;
if (s) clearTimeout(s);
s = setTimeout(function() {
if (m * subHeight == max) {
m = 0;
let animation1 = wx.createAnimation({
delay: 0
})
this.animation1 = animation1;
this.animation1.translateY(-subHeight * m - (2 * (wx.getSystemInfoSync().screenWidth / 750))).step({
duration: 0,
timingFunction: 'step-start'
});
that.setData({
animationData: animation1.export()
})
that.lun()
} else {
m++;
let animation2 = wx.createAnimation({
delay: 0
})
this.animation2 = animation2;
this.animation2.translateY(-subHeight * m).step({
duration: 1000,
timingFunction: "linear",
});
that.setData({
animationData: animation2.export()
})
that.lun()
}
}, 2000);
},
// 切换列表
changeTip(e) {
let state = e.currentTarget.dataset.state;
this.setData({
state: state
})
if (state == 3) {
wx.showToast({
title: '暂未开放，敬请期待',
icon: 'none',
duration: 2000
})
let list = [{
longitude: this.data.longitude,
latitude: this.data.latitude
}];
this.setData({
includePoints: list
})
return;
}
// this.getLngLat();
this.getLocation();
},
// 点击地图标记点气泡
clickCalloutTap(e) {
if (this.data.unClickDetail) {
return;
}
this.data.unClickDetail = true;
if (this.data.state == 1) {
wx.navigateTo({
url: `/pages/basketballGym/index?id=${e.markerId}`,
})
}
if (this.data.state == 2) {
wx.navigateTo({
url: `/pages/gymnasium/index?id=${e.markerId}`,
})
}
},
// 跳转详情列表
pushList() {
if (this.data.unClickBtn) {
return;
}
this.data.unClickBtn = false;
wx.navigateTo({
url: '/pages/sportsGroundList/index?state=' + this.data.state,
})
},
// 打电话
callPhoen() {
this.data.unClickBtn = false;
wx.makePhoneCall({
phoneNumber: '13636573054',
})
},
// 跳转个人中心
pushMine() {
if (this.data.unClickBtn) {
return;
}
this.data.unClickBtn = false;
if (!wx.getStorageSync("accessToken")) {
wx.removeStorageSync('history');
wx.navigateTo({
url: '/pages/login/index',
})
return
}
wx.navigateTo({
url: '/pages/mine/index',
})
},
// 获取公告列表
getAnnouncementsList() {
let that = this;
app.$api.announcements({}).then(res => {
this.setData({
noticeList: res.announcements
})
// 公告列表添加前后
// let len = this.data.noticeList.length
// if (len == 1 || len == 0) {
// return;
// }
// let list = [];
// for (let i = 0; i < len; i++) {
// list.push(this.data.noticeList[i]);
// }
// list.push(this.data.noticeList[0]);
// this.setData({
// noticeList: list
// })
// that.lun()
}, err => {
});
},
// 跳转公告详情
pusnNotice(e) {
let id = e.currentTarget.dataset.id;
wx.navigateTo({
url: `/pages/notice/index?id=${id}`,
success: function(res) {},
fail: function(res) {},
complete: function(res) {},
})
},
// 获取授权
setAuthSuccess(e) {
if (e.detail.authSetting['scope.userLocation']) {
this.getLocation();
this.setData({
isShowAuth: false
})
}
},
// 获取定位
getLocation() {
let list = [
// {
// // 中心
// longitude: 121.4715700000,
// latitude: 31.2336800000
// },
{
// 北
longitude: 121.3542938232,
latitude: 31.4409663733
},
{
// 东
longitude: 121.7051696777,
latitude: 31.2750297303
},
{
// 南
longitude: 121.4167785645,
latitude: 31.0317548780
},
{
// 西
longitude: 121.2135314941,
latitude: 31.2433336586
}
];
this.setData({
includePoints: list,
})
let that = this;
wx.getLocation({
type: 'gcj02',
success: function(res) {
that.setData({
latitude: res.latitude,
longitude: res.longitude,
})
that.getData({
latitude: res.latitude,
longitude: res.longitude,
zoom: 1
});
},
fail: function(res) {
console.log(res);
if (res.errMsg == 'getLocation:fail auth deny' || res.errMsg == 'getLocation:fail:auth denied') {
that.setData({
isShowAuth: true
})
}
},
})
},
// 获取数据
getData(e) {
wx.showLoading({
title: '加载中...',
mask: true,
})
app.$api.venuesMap({
latitude: e.latitude,
longitude: e.longitude,
type: this.data.state,
zoom: e.zoom
}).then(res => {
address = [];
let list = [
// {
// // 中心
// longitude: 121.4715700000,
// latitude: 31.2336800000
// },
{
// 北
longitude: 121.3542938232,
latitude: 31.4409663733
},
{
// 东
longitude: 121.7051696777,
latitude: 31.2750297303
},
{
// 南
longitude: 121.4167785645,
latitude: 31.0317548780
},
{
// 西
longitude: 121.2135314941,
latitude: 31.2433336586
}
];
for (let i = 0; i < res.venues.length; i++) {
let obj = {};
obj.id = res.venues[i].id;
obj.latitude = res.venues[i].latitude
obj.longitude = res.venues[i].longitude
if (this.data.state == 1) {
obj.iconPath = '../../images/14@3x.png'
}
if (this.data.state == 2) {
obj.iconPath = '../../images/13@3x.png'
}
if (this.data.state == 3) {
obj.iconPath = '../../images/12@3x.png'
}
list.push({
longitude: res.venues[i].longitude,
latitude: res.venues[i].latitude
})
obj.title = res.venues[i].name
obj.width = 40;
obj.height = 40
obj.callout = {
content: res.venues[i].name + '(点此进入)',
// color: '#fff',
// bgColor: '#000',
borderRadius: 15,
padding: 10,
display: 'BYCLICK'
};
address.push(obj);
}
this.setData({
includePoints: list,
markers: [{
id: 0,
latitude: this.data.latitude,
longitude: this.data.longitude,
iconPath: '../../images/11@3x.png',
width: 20,
height: 33
}, ...address]
})
}, err => {});
},
// 地图视野发生变化时触发
regionchange(e) {
return;
console.log(e);
if (e.type == 'end') {
this.getLngLat()
}
},
getLngLat: function() {
var that = this;
let centerLatitude = 0;
let centerLongitude = 0;
let zoom = 7;
mapCtx = wx.createMapContext("map4select");
mapCtx.getCenterLocation({
success: function(res) {
centerLatitude = res.latitude;
centerLongitude = res.longitude;
// 获取视野范围
that.getRegion(centerLatitude, centerLongitude)
}
})
mapCtx.getScale({
success: function(res) {
console.log("缩放级别", res);
}
})
},
// 获取视野范围
getRegion(centerLatitude, centerLongitude) {
let that = this;
mapCtx.getRegion({
success: function(res) {
let m = GetDistance(res.northeast.latitude, res.northeast.longitude, res.northeast.latitude, res.southwest.longitude);
if (m <= 152.9) {
zoom = 7;
} else if (m <= 1200) {
zoom = 6;
} else if (m <= 4900) {
zoom = 5;
} else if (m <= 39100) {
zoom = 4;
} else {
zoom = 3;
};
// that.getData({
// latitude: centerLatitude,
// longitude: centerLongitude,
// zoom: zoom
// });
}
})
},
// 回到开始
goFrist() {
let list = [{
longitude: this.data.longitude,
latitude: this.data.latitude
}];
// this.data.includePoints
this.setData({
includePoints: list
})
}
})
function Rad(d) {
return d * Math.PI / 180.0; //经纬度转换成三角函数中度分表形式。
}
//计算距离，参数分别为第一点的纬度，经度；第二点的纬度，经度
function GetDistance(lat1, lng1, lat2, lng2) {
var radLat1 = Rad(lat1);
var radLat2 = Rad(lat2);
var a = radLat1 - radLat2;
var b = Rad(lng1) - Rad(lng2);
var s = 2 * Math.asin(Math.sqrt(Math.pow(Math.sin(a / 2), 2) + Math.cos(radLat1) * Math.cos(radLat2) * Math.pow(Math.sin(b / 2), 2)));
s = s * 6378.137; // 地球半径，千米;
s = Math.round(s * 10000) / 10000; //输出为公里
s = Math.round(s * 1000) / 1; //单位修改为米,取整
//s=s.toFixed(4);
return s;
}