jquery - jQuery、gmap、Google マップのストリートビューの問題

Question

わかりました、gmap jQuery プラグインを使用して Google マップを作成しています。機能も豊富で、なかなか良さそうです。

プラグイン ページへのリンクは次のとおりです: http://code.google.com/p/jquery-ui-map/

PHP/MySQL/jQuery/JSON を使用してマーカーをプロットしています。

私の問題は、マーカーのストリート ビューを含む jQuery モーダル ダイアログを表示しようとしていることです。これに類似: http://jquery-ui-map.googlecode.com/svn/trunk/demos/jquery-google-maps-streetview.html

私のコードでは、マーカーをクリックすると次のエラーが発生します。

gmap h[b] is undefined Source

これがJavaScriptです：

$('#map').gmap().bind('init', function (evt, map) {
$.getJSON('controllers/markers.json', function (data) {
    $.each(data.markers, function (i, marker) {
        $('#map').gmap('addMarker', {
            'position': new google.maps.LatLng(marker.latitude, marker.longitude),
            'icon': "https://chart.googleapis.com/chart?chst=d_bubble_text_small&chld=bb|" + marker.projectNumber + "|0074b0|FFFFFF|",
            'bounds': true
        }).click(function () {
            var projNum = marker.projectNumber;
            var lat = marker.latitude;
            var lng = marker.longitude;
            var location = $(this).get(0).getPosition();
            map.panTo(location);
            $('#street').dialog({
                'modal': true,
                'width': 530,
                'height': 530,
                'title': projNum,
                'resizable': false,
                'draggable': false
            });
            $('#street').gmap('displayStreetView', 'panel', {
                'position': location
            });
        });
    });
});

});

#street div の HTML は次のとおりです。

<div style="display:none;">
        <div id="street" style="height:200px;"></div>
</div>

projNum、lat、lng 変数を警告すると、正しい情報が得られます。

どんな助けでも大歓迎です。

ありがとう！