我有一个带有标记的Google地图。每个标记都有一个与之关联的信息框。通过ajax调用获取填充信息框所需的信息。问题是,在选择完成ajax调用的标记之一后,如果成功完成,则每当刷新/重新加载页面时,Google Map就是一个灰色框。
var map, markers = [];
var initMap = function (latitude, longitude) {
var coords = new google.maps.LatLng(parseFloat(latitude), parseFloat(longitude));
var mapOptions = {
zoom: 8,
minZoom:2,
center: coords,
mapTypeId: google.maps.MapTypeId.ROADMAP,
scaleControl: true
}
map = new google.maps.Map(document.getElementById('search-map'), mapOptions)
};
var infowindow = new google.maps.InfoWindow({
maxWidth: 350,
shadowStyle: 1,
padding: 0,
backgroundColor: 'rgb(57,57,57)',
borderRadius: 4,
arrowSize: 10,
borderWidth: 1,
borderColor: '#2c2c2c',
arrowPosition: 30,
arrowStyle: 2
});
var contentString = "stuff"
for(var i = 0; i < markers.length; i++) {
var marker = new google.maps.Marker({
position: markers[i][0],
map: map,
icon: markers[i][1]
})
google.maps.event.addListener(marker, 'click', (function(marker, i) {
return function() {
$.post($(ajaxURL, userIdObj, function(response) {
infowindow.close();
infowindow.setContent(contentString);
infowindow.open(map, marker);
})
}
})(marker, i));
}
最佳答案
我也遇到过这个问题,但是绘制地图后,您只需要使用类似
$('google-map').resize();
使它可见。