如何解决在缩放时平滑地增加标记大小
我想以最小尺寸在地图上放置标记,但是当放大标记时,应该随着地图本身的大小调整而平滑增长。
我知道我可以添加一些技巧,例如使用 zoomend 或滚轮事件观察缩放级别,但这永远不会与地图本身同步。对我来说,有什么让标记同步放大的未知技巧吗?
map.on('zoomend',function(e) {
const mapNode = document.getElementById('map')
mapNode.className = mapNode.className.replace(/ zoom-\d+/g,'') + ` zoom-${parseInt(map.getZoom())}`
})
document.getElementById("map").addEventListener('wheel',function(e) {
let zoom=map.getZoom()
if(e.deltaY > 0) {
zoom--
} else {
zoom++
}
if(zoom>15 && zoom<20) {
const target = document.getElementById("map")
target.className = target.className.replace(/ zoom-\d+/g,'') + ` zoom-${parseInt(zoom)}`
}
})
通过上面的代码,我附加了 css 类 zoom-#,我用它来调整带有 css 的标记的大小。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。