leafletwx是基于leaflet,使用微信原生组件开发的一套开源地图组件,可以替代小程序的原生map组件,项目开源地址: leatletwx。
修复问题:
1.createMap偶发的初始化失败问题
2.polygon、polyline等元素不再使用canvas直接显示,改为离屏画布绘制、image组件显示(IOS下可以正常显示路线了)
3.map的dom操作和当前页面的component绑定,解决页面切换map组件失效问题
注意:
1.当前polygon、polyline使用离屏画布的canvas.toDataUrl和image.src实现,不再支持动态路线
新增功能:
1.tileLayer支持高清模式(适合手绘地图)
原理:将256px*256px的tile image,显示在128px*128px的image组件中,1px=4物理像素,清晰度提升两倍。原理上讲,是将原0级的一张tile image,用4张1级的tile image缩小一倍后替代,因此,地图的缩放范围原为0-3级,开启高清模式后缩放范围为1-4级地图缩小一倍用来显示0-3级。
参数名称:detectRetina
示例:
L.tileLayer('https://map.zz2022.com/media/tiles/out/{z}/{x}/{y}.png', {
noWrap: true,
bounds: rc.getMaxBounds(),
detectRetina: true,
}).addTo(map)
效果对比: