具有简单平面图的Leaflet.markercluster问题

Question

这里的例子

我试着用传单在美国的平面栅格地图上添加聚类。我已经让大部分地图正常工作了，我可以很好地放下标记。我试图添加这样的标记集群：

var data = [
  [100,100],
  [100,110],
  [100,120]
];

var mapHeight = 500;
var mapWidth = 750;
var mapPadding = 100;
var imageUrl = 'http://upload.wikimedia.org/wikipedia/commons/9/9d/Blank_map_of_the_United_States.PNG';
var imageBounds = [[mapHeight, 0], [0, mapWidth]];

var map = L.map('leaflet-map', {
    maxZoom: 20,
    minZoom: 0,
    crs: L.CRS.Simple // Simple plane for easier X Y coordinate system
}).setView([mapHeight/2, mapWidth/2], 0); // center the map

// The bounds of the map including any specified padding
map.setMaxBounds(new L.LatLngBounds(
    [mapHeight + mapPadding, 0 - mapPadding],
    [0 - mapPadding, mapWidth + mapPadding]
));

L.imageOverlay(imageUrl, imageBounds).addTo(map);

var markers = new L.MarkerClusterGroup();

data.forEach(function (i) {
  var m = new L.Marker(i);
  markers.addLayer(m); 
});

map.addLayer(markers); // This isn't working for some reason

我没有收到任何javascript或css错误。检查DOM会发现没有创建集群对象。我正在使用传单0.7.1和leaflet.markercluster 0.2。

这个问题是否与我正在使用的crs: L.CRS.Simple投影有关？

Answer 1

这是使用过期版的传单MarkerCluster:使用一个新的版本和它工作得很完美。