在mapbox中调用easeTo()时如何将像素转换为地图坐标

时间:2017-05-09 23:09:54

标签: mapbox mapbox-gl-js mapbox-gl

我正在使用mapboxgl(0.33.1)在HTML + JavaScript中开发交互式地图。当用户单击按钮(与地图中的特定位置相关联)时,我调用easeTo(),将该位置放在地图的中心。

  window.map.easeTo({
    center: item.loc
  });

因为我的应用程序在地图的下半部分有一些重叠的UI,我实际上想把那个位置放在地图的中心,而不是放在地图上半部分的中心(25%来自顶部) )。

如果有人能给我一个暗示如何实现它,我会很感激。我的应用程序知道Pixel中窗口的确切大小(以及缩放级别),但是(我假设)我需要将其转换为地图坐标(来自像素)以向“center”参数I添加适当的偏移量传递给easyTo()函数。

1 个答案:

答案 0 :(得分:1)

我想我找到了答案。我只需要调用project()方法 - 这很难发现!