Использование меток-маркеров с markercluster <SOLVED> - PullRequest
Новая
       13

Использование меток-маркеров с markercluster <SOLVED>

0 голосов
/ 10 октября 2019

Вместо значков я хочу использовать только текстовые метки для всех моих маркеров с использованием листовки markercluster. Вместо того, чтобы нажимать на каждый значок, пользователь может видеть значения непосредственно на карте.

Ниже приведен код, с которым я играл ... 


 var marker_txt = new L.layerGroup();

     function round(value, decimals) {
 return Number(Math.round(value + 'e' + decimals) + 'e-' + decimals);
 }


$.getJSON("../text/text.geojson", function(json) {


     var pointLayer = L.geoJSON(null, {
     pointToLayer: function(feature,latlng){
         label = String(feature.properties.total_sum)
         return new L.marker(latlng, {icon:createLabelIcon("textLabelclassCluster",label)})
     }
     })

     var createLabelIcon = function(labelClass,labelText){
     return L.divIcon({ 
         className: labelClass,
         html: labelText
         })
     }
pointLayer.addData(json)


 var markersText = new L.MarkerClusterGroup({
     chunkedLoading: true,
     maxClusterRadius: 80,
     iconCreateFunction: function(cluster) {
     var children = cluster.getAllChildMarkers();
     var sum = 0;
     for (var i = 0; i < children.length; i++) {
         sum += children[i].feature.properties.total_sum;
     }

     //defaultIconCreate
     var childCount = cluster.getChildCount()

     var c = ' marker-cluster-blank';

     return new L.DivIcon({ html: '<div><span>' + (round(sum,1)) + '</span></div>', className: 'marker-clusterwhite marker-clusterwhite-' + c, iconSize: new L.Point(40, 40) });
 },
 });

 markersText.addLayer(pointLayer)
 markersText.addTo(marker_txt);


});
...