Question

我在SO上看过很多相似的帖子，但到目前为止没有人帮助过我。我在Javascript中这样做。我需要使用Leap Motion软件以矢量（X，Y，Z）的形式转换屏幕上的位置，并将其转换为以坐标（纬度）形式的谷歌地图位置，经度）。我正在尝试计算跳跃动作手势（将其视为屏幕上的光标）与谷歌地图api上显示的标记之间的距离。目前我的公式是：

function convertToLatLng(x, y){
    // retrieve the lat lng for the far extremities of the (visible) map
    var latLngBounds = map.getBounds();
    var neBound = latLngBounds.getNorthEast();
    var swBound = latLngBounds.getSouthWest();

    // convert the bounds in pixels
    var neBoundInPx = map.getProjection().fromLatLngToPoint(neBound);
    var swBoundInPx = map.getProjection().fromLatLngToPoint(swBound);

    // compute the percent of x and y coordinates related to the div containing the map; in my case the screen
    var procX = x/window.innerWidth;
    var procY = y/window.innerHeight;

    // compute new coordinates in pixels for lat and lng;
    // for lng : subtract from the right edge of the container the left edge,
    // multiply it by the percentage where the x coordinate was on the screen
    // related to the container in which the map is placed and add back the left boundary
    // you should now have the Lng coordinate in pixels
    // do the same for lat
    var newLngInPx = (neBoundInPx.x - swBoundInPx.x) * procX + swBoundInPx.x;
    var newLatInPx = (swBoundInPx.y - neBoundInPx.y) * procY + neBoundInPx.y;

    // convert from google point in lat lng and have fun :)
    var newLatLng = map.getProjection().fromPointToLatLng(new google.maps.Point(newLngInPx, newLatInPx));

    return newLatLng;
}

我从另一篇SO帖子中找到了，但我得到的距离总是错误的。例如，如果我在地图上有两个标记，无论我在哪里放置跳跃动作光标，我的功能总是告诉我最接近的标记是标记B.

非常感谢任何有关矢量（X，Y）和纬度/长度之间转换的帮助，谢谢！

Answer 1

因此，您希望隔离，调试并确保工作的第一步似乎是：确保您对跳跃运动位置坐标转换为屏幕像素坐标的方式感到满意。

这在2d中可能有点棘手，因为通常我们扔掉z维度然后引入线性比例因子以从mm转换为px。

你试过这个例子吗？ https://developer.leapmotion.com/libraries/screenposition-plugin

源代码：https://github.com/leapmotion/leapjs-plugins/tree/master/main/screen-position

有了它，您可以将像素坐标插入任何需要屏幕位置的API（通常来自鼠标）。

如何将矢量（X，Y）位置转换为纬度/经度坐标？使用Javascript

1 个答案: