маркер — не работает код кластеризации Javascript Merker

Код кластеризации Javascript Merker не работает

Я следовал руководству Google, чтобы вставить маркеры кластера, но мой код не работает.
Что я могу пропустить?

Вот фрагмент кода, куда я вставляю карту:

 var map; function initMap() { map = new google.maps.Map(document.getElementById('map'), { center: {lat: 45.6140747, lng: 8.8427703}, zoom:14 }); var markerCluster = new MarkerClusterer(map, markers, { imagePath: 'https://developers.google.com/maps/documentation/javascript/examples/markerclusterer/m'}); } function clearOverlays() { for (var i = 0; i {amp}lt; markersArray.length; i   ) { markersArray[i].setMap(null); } markersArray.length = 0; } $( document ).ready(function() { dbRef.on('value', function(snapshot) { snapshot.forEach(function(child) { var childs=child.val(); //var dataSegn = new Date(childs.data2.year,childs.data2.month,childs.data2.date); var contentString = 'Segnalazione del: ' childs.data '{amp}lt;br{amp}gt;Per: ' childs.motivo '{amp}lt;br{amp}gt;{amp}lt;img src="' childs.urlimmagine '" alt="Foto" style="width:200px;height:300px;"{amp}gt;'; var infowindow = new google.maps.InfoWindow({ content: contentString }); if(childs.motivo =='ESCREMENTI') { var marker = new google.maps.Marker({ position: {lat: childs.lat, lng: childs.lon}, map: map, title: childs.motivo, icon : 'http://maps.google.com/mapfiles/ms/icons/green-dot.png' }); markersArray.push(marker); marker.addListener('click', function() { map.setZoom(16); map.setCenter(marker.getPosition()); infowindow.open(map, marker); }); } if(childs.motivo =='PERICOLOSI'){ var marker = new google.maps.Marker({ position: {lat: childs.lat, lng: childs.lon}, map: map, title: childs.motivo, icon : 'http://maps.google.com/mapfiles/ms/icons/blue-dot.png' }); markersArray.push(marker); marker.addListener('click', function() { map.setZoom(16); map.setCenter(marker.getPosition()); infowindow.open(map, marker); }); } if(childs.motivo =='RANDAGIO'){ var marker = new google.maps.Marker({ position: {lat: childs.lat, lng: childs.lon}, map: map, title: childs.motivo, icon : 'http://maps.google.com/mapfiles/ms/icons/red-dot.png' }); markersArray.push(marker); marker.addListener('click', function() { map.setZoom(16); map.setCenter(marker.getPosition()); infowindow.open(map, marker); }); } if(childs.motivo =='MALTRATTATI'){ var marker = new google.maps.Marker({ position: {lat: childs.lat, lng: childs.lon}, map: map, title: childs.motivo, icon : 'http://maps.google.com/mapfiles/ms/icons/yellow-dot.png' }); markersArray.push(marker); marker.addListener('click', function() { map.setZoom(16); map.setCenter(marker.getPosition()); infowindow.open(map, marker); }); } }); }); var markerCluster = new MarkerClusterer(map, markers, { imagePath: 'https://developers.google.com/maps/documentation/javascript/examples/markerclusterer/m' }); }); 

Вот как я импортирую скрипт кластера:

 {amp}lt;script src="https://developers.google.com/maps/documentation/javascript/examples/markerclusterer/markerclusterer.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="scrip.js"{amp}gt;{amp}lt;/script{amp}gt; 
Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector