OpenLayers 3 中的当前屏幕边界框
Current screen bounding box in OpenLayers 3
我有一张地图,其中包含许多动态添加的功能。
如果最后一个添加点在屏幕上,我想对它进行解码。当它出现时,我想播放一个简短的音符声音。
喜欢这个:
if (ol.extent.containsCoordinate(map.getExtent(), ol.proj.transform([parseFloat(data.lon), parseFloat(data.lat)], 'EPSG:4326', 'EPSG:3857')))
{
var audio = new Audio('tick.wav');
audio.play();
}
但是我在 OpenLayers 3 的文档中找不到任何方法来获取屏幕的当前边界。
我找到了解决方案,文档中缺少这一点。
if (ol.extent.containsCoordinate(map.getView().calculateExtent(map.getSize()), ol.proj.transform([parseFloat(data.lon), parseFloat(data.lat)], 'EPSG:4326', 'EPSG:3857')))
{
var audio = new Audio('tick.wav');
audio.play();
}
相关文章:
- 如何将屏幕分辨率乘以 80%,然后在代码中使用
- 在不打开聊天屏幕的情况下制作Zopim-ding代理
- 使用图像数组列表的simplegallary.js显示适合桌面屏幕的图像
- 导航栏没有调整到浏览器屏幕的大小
- 调整屏幕大小后不显示子菜单
- 如何在p5.js中管理多智力竞赛游戏的多个屏幕
- jQuery:当屏幕大小改变时,如何更改默认图像和悬停图像
- 当带有渲染器的DOM元素不在屏幕顶部时,移动了场景的坐标
- 如何知道元素在屏幕上是否可见.如果没有,请滚动页面
- 如果使用javascript函数屏幕太小,我该如何更改HTML文件的背景色
- 如何打开/移动主屏幕左侧的浏览器窗口
- 如何在屏幕外或项目的中心视口中跟随YUI驱动的动画
- 用HTML在不同屏幕上显示和隐藏内容的方法
- 调整屏幕大小时更改属性值
- 检测非移动页面上的移动设备屏幕宽度和高度
- 更改屏幕上对象的宽度调整大小
- 获取屏幕截图并在电子邮件中发送的按钮
- 获取以屏幕像素为单位的旋转SVG元素的边界
- OpenLayers 3 中的当前屏幕边界框
- 从Firefox扩展中获取DOM元素的绝对屏幕边界