javascript - 在 Google 地图街景中用方框标记地点

Question

我想用透明框在谷歌街景中标记一个点，它需要在旋转时用图像固定。比如标记植物或房子。

我试图实现它，但我的方程需要改进。

如果有人可以帮助我，我将不胜感激。链接如下。

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
    }