javascript - Google マップのストリートビューでスポットをボックスでマークする

Question

透明なボックスでGoogleストリートビューのスポットをマークしたいのですが、回転するときに画像で修正する必要があります。植物や家に印を付けるようなものです。

私はそれを実装しようとしましたが、私の式には改良が必要です。

誰かが私を助けてくれれば本当に感謝しています。リンクは以下です。

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
    }