jQuery,gmap,谷歌地图街景问题

时间:2012-07-11 17:21:40

标签: jquery google-maps

好吧,我正在使用gmap jQuery插件来创建Google Maps。它有很多功能,似乎工作得很好。

这是插件页面的链接: 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变量时,我得到了正确的信息。

非常感谢任何帮助。

谢谢!

0 个答案:

没有答案