Как отображать средние значения вместо подсчетов фолиевых маркеров?

Question

Я использую пакет folium в python для отображения MarkerClusters для моих данных.

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

Вот мой код в том виде, в котором он существует сейчас:

folium_map = folium.Map(location=[33.97810188618428, -118.2155395906348])
mc = MarkerCluster()
for p in points:
    marker = build_folium_marker(p['f_name'], p['value'], p['lat'], p['lng'])
    mc.add_child(marker)
folium_map.add_children(mc)
folium_map.save('folium_marker_cluster_map.html')

В идеальном мире у MarkerCluster есть какой-то параметр, который позволяет вам посылать «считать» или «усреднять», но это не так. Я осторожно оптимистичен, что кто-то сможет предложить достаточно простое исправление, не включающее разветвление листовки (на основе библиотеки js) и редактирование исходного кода JS. Я не могу быть первым человеком, который хочет показывать метрику в кластере маркеров, отличную от суммы, в частности, среднего значения маркеров в кластере.

Answer 1

Для настройки кластера маркеров icon_create_function предназначена функция, в следующем примере показано, как переопределить метку маркера для отображения пользовательского значения вместо значения по умолчанию (количество маркеров в кластере):

icon_create_function = '''
    function(cluster) {
        return L.divIcon({
             html: '<b>' + 123 + '</b>',
             className: 'marker-cluster marker-cluster-small',
             iconSize: new L.Point(20, 20)
        });
    }
'''

marker_cluster = MarkerCluster(icon_create_function=icon_create_function)

Теперь наступает очередь передачи пользовательских свойств через маркер, в Folium по умолчанию маркер не поддерживает его, но может быть введен следующий класс маркеров, который расширяет класс Marker:

class MarkerWithProps(Marker):
    _template = Template(u"""
        {% macro script(this, kwargs) %}
        var {{this.get_name()}} = L.marker(
            [{{this.location[0]}}, {{this.location[1]}}],
            {
                icon: new L.Icon.Default(),
                {%- if this.draggable %}
                draggable: true,
                autoPan: true,
                {%- endif %}
                {%- if this.props %}
                props : {{ this.props }} 
                {%- endif %}
                }
            )
            .addTo({{this._parent.get_name()}});
        {% endmacro %}
        """)
    def __init__(self, location, popup=None, tooltip=None, icon=None,
                 draggable=False, props = None ):
        super(MarkerWithProps, self).__init__(location=location,popup=popup,tooltip=tooltip,icon=icon,draggable=draggable)
        self.props = json.loads(json.dumps(props))

Теперь в Folium создается экземпляр объекта-маркера (где population - это пользовательское свойство)

marker = MarkerWithProps(
    location=marker_item['location'],
    props = { 'population': marker_item['population']}
)
marker.add_to(marker_cluster)

его пользовательские свойства могут быть доступны следующим образом через JavaScript:

var markers = cluster.getAllChildMarkers();
var sum = 0;
for (var i = 0; i < markers.length; i++) {
  sum += markers[i].options.props.population;
}

Подводя итог, вот пример, который демонстрирует, как:

• передать пользовательские свойства с помощью маркера
• рассчитать среднее значение для пользовательского свойства маркера для каждого кластерного маркера
• отображение пользовательской метки для маркера кластера

* * Пример тысячи тридцать один * ** +1032 +1033 *

#%%
import json
import folium
from folium import Marker
from folium.plugins import MarkerCluster
from jinja2 import Template


class MarkerWithProps(Marker):
    _template = Template(u"""
        {% macro script(this, kwargs) %}
        var {{this.get_name()}} = L.marker(
            [{{this.location[0]}}, {{this.location[1]}}],
            {
                icon: new L.Icon.Default(),
                {%- if this.draggable %}
                draggable: true,
                autoPan: true,
                {%- endif %}
                {%- if this.props %}
                props : {{ this.props }} 
                {%- endif %}
                }
            )
            .addTo({{this._parent.get_name()}});
        {% endmacro %}
        """)
    def __init__(self, location, popup=None, tooltip=None, icon=None,
                 draggable=False, props = None ):
        super(MarkerWithProps, self).__init__(location=location,popup=popup,tooltip=tooltip,icon=icon,draggable=draggable)
        self.props = json.loads(json.dumps(props))    



map = folium.Map(location=[44, -73], zoom_start=4)

marker_data =(
    {
        'location':[40.67, -73.94],
        'population': 200     
    },
    {
        'location':[44.67, -73.94],
        'population': 300     
    }
)

icon_create_function = '''
    function(cluster) {
        var markers = cluster.getAllChildMarkers();
        var sum = 0;
        for (var i = 0; i < markers.length; i++) {
            sum += markers[i].options.props.population;
        }
        var avg = sum/cluster.getChildCount();

        return L.divIcon({
             html: '<b>' + avg + '</b>',
             className: 'marker-cluster marker-cluster-small',
             iconSize: new L.Point(20, 20)
        });
    }
'''

marker_cluster = MarkerCluster(icon_create_function=icon_create_function)

for marker_item in marker_data:
    marker = MarkerWithProps(
        location=marker_item['location'],
        props = { 'population': marker_item['population']}
    )
    marker.add_to(marker_cluster)

marker_cluster.add_to(map)    

#m.save(os.path.join('results', '1000_MarkerCluster0.html'))
map

Результат