Листовая кластеризация с пользовательскими маркерами

Question

Я только начинаю с листовки. Мой вопрос, как я могу сгруппировать пользовательские маркеры, которые где добавили к карте, как этот

var LeafIcon = L.Icon.extend({ 
options: { 
    iconSize:  [38, 95],  
    shadowSize: [50, 64], 
    iconAnchor: [22, 94], 
    popupAnchor: [-3, -10] 
    } 
}); 

var greenIcon = new LeafIcon({iconUrl: 'http://leafletjs.com/docs/images/leaf-green.png'}), 
redIcon = new LeafIcon({iconUrl: 'http://leafletjs.com/docs/images/leaf-red.png'}), 
orangeIcon = new LeafIcon({iconUrl: 'http://leafletjs.com/docs/images/leaf-orange.png'}); 


L.marker([51.5, -0.071], {icon: greenIcon}).bindPopup("<p>ok</p><p>tada</p>.").addTo(map); 
L.marker([51.5, -0.073], {icon: redIcon}).bindPopup("I am a red leaf.").addTo(map); 
L.marker([51.5, -0.076], {icon: orangeIcon}).bindPopup("I am an orange leaf.").addTo(map); 

I'm борющегося добавляя это к MarkerClusterGroup.

Вы можете найти рабочую скрипку здесь: http://jsfiddle.net/6uovronb/

спасибо!

Answer 1

Я обновил ваш fiddle и добавил маркеры в группу маркеров.

Вот некоторые примеры кода:

var markers = new L.MarkerClusterGroup(); 
    markers.addLayer(L.marker([51.5, -0.071], { 
     icon: greenIcon 
    }).bindPopup("<p>ok</p><p>tada</p>.")); 

На слегка несвязанной ноте, я никогда не использовал маркер кластера, но это довольно скользкий листовка плагин.