javascript - 传单(非地理):缩放并保持屏幕中心
问题描述
我正在做一个自定义的传单地图,具有三个缩放级别。这不是地图,只是建筑物的内部。
现在,在艺术家开始制作最终图像之前,我正在创建概念验证。我从一些蓝图生成了瓷砖,但我遇到了 Leaflet 的问题。
当我使用鼠标滚轮进行缩放时,鼠标所在的图块(位置)变为屏幕的 0,0,这不是预期的行为。如果我设置scrollWheelZoom: 'center'
,当我放大时屏幕的中心会变为 0,0,但它仍然不是预期的。
我想复制谷歌地图的行为,当你放大时,中心仍然是下一级的中心。
您可以在此处查看概念证明:http: //tarantino.com.ar/maps/test.html
(缩放级别 0 为黑色,1 为红色,2 为蓝色)
解决方案
推荐阅读
- python - Mlxtend 与 Sklearn 中不同的 roc_auc 分数
- node.js - 登录后jwt访问私人页面适用于邮递员,但不适用于ejs视图
- node.js - 识别/比较从数据库调用返回的信息的问题
- java - 带有过滤器的Android ListView:“打开”过滤列表的项目返回该位置的项目,但在原始列表中
- ios - 适用于 VPN 的 iOS Mobileconfig - iOS 将不接受代理设置
- python - Python 脚本没有被解释
- swift - 返回箭头作为 Swift 中的一种类型
- c++ - 使用 std::move 从 std::optional 缓冲区传递参数时指向空白空间的变量
- reactjs - 测试从本地 JSON 文件中获取一些数据的异步操作创建器
- git - 某些程序/命令带您进入的交互式终端是什么?