小程序 – 调用微信地图功能小记 + 滑动事件

article/2025/10/21 0:10:28

学习文献
官方API	对 location 地图 API的具体分析
	日历插件 - github + 2-有回调事件
小程序滚动问题	小程序上下滑动事件
	小程序map地图上显示多个marker

wx.getLocation(Object object) -获取当前的地理位置、速度。并且能打印出地址消息；

wx.openLocation() – 是使用微信内置地图查看位置

  //地图chooseLocation: function() {var that = thisdebuggerwx.getLocation({//当前经纬度latitude: 22.556290,longitude: 113.389120,//缩放级别默认18scale: 16,name:'中山市十刃讲告策划有限公司',address: '广东省中山市民科西路长虹·御江风景',//成功打印信息success: function (res) {console.log(res)},//失败打印信息fail: function (err) {console.log(err)},//完成打印信息complete: function (info) {console.log(info)},})},

1、需要借助小程序的事件：onPageScroll事件。
2、需要借助的API：wx.getSystemInfoSync()。

// 处理向上、下滑的盒子
<view class="g-order font-sm {{show?'topHide':'topShow'}}"></view>
//微信自带客服
<button class='btn' open-type='contact'></button>data: {scrollTop: 0,
},
//滑动事件
onPageScroll: function (ev) {var _this = this;  if (ev.scrollTop <= 0) {ev.scrollTop = 0;} else if (ev.scrollTop > wx.getSystemInfoSync().windowHeight) {ev.scrollTop = wx.getSystemInfoSync().windowHeight;}//判断浏览器滚动条上下滚动   if (ev.scrollTop > 80) {console.log('向下滚动');_this.setData({show: true})} else {console.log('向上滚动');_this.setData({show: false})}//给scrollTop重新赋值setTimeout(function () {that.setData({scrollTop: ev.scrollTop})}, 0)
},