记录一下工作遇到的问题
这次的需求是在微信小程序上的地图展示marker,同时点击marker图标把marker放大。同时缩放地图可以展示不同的marker数据
先上效果图
数据不能泄露,稍微打码
首先是动态设置scale缩放层级的问题
uniapp的map或者说是微信的map,没有scale变动的事件监听
要实现这个功能只能另辟捷径
官方有 regionchange 这个事件
地图拖动就会触发。其实用这个事件也可以来监听scale的变化。因为小程序我们是双指缩放的地图,因此这个事件每次都能触发
我们先来获取地图的上下文mapContext
第一个参数是地图的id,字符串的形式,第二个参数是vue的this实例对象
我用的是vue3,没有this了,但是我们可以用别的方式代替