这是插件页面的链接: 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变量时,我得到了正确的信息。
非常感谢任何帮助。
谢谢!