在Google地图街景视图中用方框标记一个地点

时间:2014-03-06 23:06:12

标签: javascript google-maps google-maps-api-3 google-street-view panoramas

我想在谷歌街景中用透明框标记一个点,并且需要在图像旋转时将其固定。比如标记植物或房屋。

我试图实现它,但我的等式需要改进。

如果有人能帮助我,我真的很感激。链接在下面。

http://goo.gl/eudjE1

    google.maps.event.addListener(panorama, 'pov_changed', function (cluster) {

        var newHeading = panorama.getPov().heading % 360;
        var newPitch = panorama.getPov().pitch;
        changeXY($("#box-1"), newHeading, newPitch);
    });

    function changeXY(ctrl, heading, pitch) {
        var w = $("#map-canvas").width() / 2;
        var h = $("#map-canvas").height() / 2;

        var pos = {
            left: (w * Math.sin(d2r(heading))),
            top: (h * Math.cos(d2r(pitch)))
        }

        $(ctrl).css("left", pos.left);
        //$(ctrl).css("top", pos.top);
    }
    function d2r(t) {
        return t / 180 * Math.PI
    }

0 个答案:

没有答案