【问题标题】: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];
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2013-03-07
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2021-09-11
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多