【问题标题】:openlayers mouse position problem with css transform:scale()css变换的openlayers鼠标位置问题:scale()
【发布时间】:2019-09-08 07:03:16
【问题描述】:
我需要缩放我的 Openlayer 图层地图,以便在设置打印预览 [A4、A3 ... A0 页面设置] 时显示完整地图 [适合屏幕]。现在将 css transform : scale() 应用于地图 div 后,鼠标悬停位置无法正常工作。
我发现了一个问题,但没有找到任何解决方案。
ol issues #5747
有什么建议吗?
【问题讨论】:
标签:
css
transform
openlayers
openlayers-3
【解决方案1】:
我遇到了同样的问题。但我的情况是“点击查询”,它会抵消。
我的解决方案如下。希望对您有所帮助。
var px = evt.pixel[0]/0.8;
var py = evt.pixel[1]/0.8;
var geoPt = map.getCoordinateFromPixel([px,py]);
var x = geoPt[0];
var y = geoPt[1];