谷歌地图markerCluster.MarkerCluster无法使用geoJSON

Question

有什么想法为什么我的标记没有聚类吗？我尝试了很多不同的方法，但没有什么能让它们聚集在一起。我意识到我通过markerClusterer的论点可能有问题，但我找不到一种方法来解决任何问题。MarkerCluster.MarkerCluster(使用unpkg时需要它(也几乎没有文档。

function initMap() {
//set map options
var myMapOptions = {
center: {lat: 40.7498024, lng: -73.9774375},
zoom: 12,  
}

//fill the html div with a map and pass in map options
var myNewMap = new google.maps.Map(document.getElementById('mymap'), myMapOptions);

//pass in data
myNewMap.data.loadGeoJson('missedConnections.geojson');
//define popup windows
var infowindow = new google.maps.InfoWindow({maxWidth: 750, autopanMargin: 10,});

//create new popup windows on marker click
myNewMap.data.addListener('click', function(event) {
console.log(event);
// set variables
let videourl = event.feature.getProperty('videoURL');
//padding/margin is wonky on mobile vs desktop
let html = '<video style="padding-bottom: 5px; padding-right: 3px;" preload="none" autoplay width=" 90%"><source src="' + videourl + '"></video>'; 
// show the html variable in the infowindow
infowindow.setContent(html); 
infowindow.setPosition(event.latLng);
infowindow.setOptions({pixelOffset: new google.maps.Size(0, -30)}); 
// move the infowindow up 42 pixels to the top of the default marker icon
infowindow.open(myNewMap);
});
new markerClusterer.MarkerClusterer({myNewMap.data, myNewMap});
}

Answer 1

进入您的html:

<script src="https://unpkg.com/@googlemaps/markerclusterer/dist/index.min.js"></script>

在你的js中，将这两个作品编码为

var mc = new markerClusterer.MarkerClusterer({ markers, map });

或

new markerClusterer.MarkerClusterer({ markers, map });

Answer 2

首先，您错误地使用了对象简写。

其次，这不是库的接口。

const markerCluster = new MarkerClusterer({ map, markers });

其中标记是CCD_ 1的阵列。请参见MarkerClusterOptions。