你需要给地图的高度和通过CSS宽度,
这里是完整的代码,
的Html
<div id="map-view"></div>
CSS
#map-view{
height:500px;
width:500px;
}
js
$(document).ready(function(){
initialization()
});
function initialization() {
var map = new google.maps.Map(document.getElementById('map-view'), {
zoom: 3,
center: {lat: 19.317779, lng: -91.459656},
mapTypeId: 'roadmap',
});
map.setTilt(45);
var labels = 'KLMNOPQRS';
var contentString = '<div id="content">'+
'<div id="siteNotice">'+
'</div>'+
'<h2 id="firstHeading" class="firstHeading">BMW 7 Series</h2>'+
'<div id="bodyContent">'+
'<p>Details goes here</p>' +
'</div>';
var infowindow = new google.maps.InfoWindow({
content: contentString
});
var markers = locations.map(function(location, i) {
var marker = new google.maps.Marker({
position: location,
label: labels[i % labels.length]
});
marker.addListener('click', function() {
infowindow.open(map, marker);
});
return marker;
});
var markerCluster = new MarkerClusterer(map, markers,
{imagePath: 'https://developers.google.com/maps/documentation/javascript/examples/markerclusterer/m'});
}
var locations = [
{lat: 12.7781453358752, lng: -82.3715011598119},
{lat: 44.0026085052726, lng: -81.4873632217882},
{lat: 74.0086085052726, lng: -81.6873632217882}
];
小提琴不工作。你有检查吗? –
@HardikSavani请立即检查。 – user7397787
当你点击一个标记时你试图在markercluster上显示一个infowindow?你点击了什么标记?您不能单击群集中的那些,而不在群集中的则拥有自己的infowindows。我会想当你点击** cluster **的时候你会想在markercluster上打开一个infowindow。 – geocodezip