如何解决如何最好地绑定到 webapp 的 mapbox-gl 更新代码?
背景
我正在编写一个浏览器扩展程序来绘制 komoot.com/plan 的地图。
目前我通过在现有的 canvas
之上放置一个 canvas
来做到这一点。
这很有效,但它是静态的,并且在用户移动地图或放大地图或网站聚焦地图上的特定位置时还没有反应。
问题
我如何最好地与地图更新的这个事件循环联系起来?
考虑的方法
-
我可以模仿/重新实现 komoot 处理用户输入的方式,但这听起来很脆弱、不可靠和混乱。我会通过为鼠标按钮事件和光标移动等添加侦听器来做到这一点。
-
页面的 URL 包含经纬度坐标以及缩放级别,例如
https://www.komoot.com/plan/@49.9535480,5.3956956,11.345z
。 在地图改变之后改变。我假设有一种方法可以通知 URL 中的更改。如果是这样,我就可以动态更新我的canvas
。
其他详细信息
- Komoot 似乎在使用 mapbox-gl
- 这是一个 Manifest 2 Content Script 扩展
- 这是我的第一个浏览器扩展
- 我正在使用 Scala.js 在 this excellent template 中编写此内容
- 不要让这妨碍您发布 javascript 解决方案或将我指向 javascript 文档!
截图
解决方法
您似乎没有提到明显的方法:使用 move
事件:
map.on('move',e => {...
// get center with map.getCenter()
});
但是你并不清楚你想要做什么,所以很难给出更具体的建议。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。