Heatmap auf Basis der durchschnittlichen gewichten und nicht an der Anzahl der Daten-Punkte

Es ist eine etwas anständige Problemumgehung, wenn Sie wie ich sind und haben nicht die Zeit für die Verarbeitung oder die Leistung zu erzeugen, ein overlay und Sie können nicht ändern vorhandene Bibliotheken nach Ihren wünschen.

Ich benutzte die google maps heatmap-Bibliothek und legen Sie maxIntensity und verschwinden auf false. Einstellung der maxIntensity zu einem Wert Ihrer Wahl lösen das problem der heatmap-Punkte zu bekommen, erscheinen in Bezug auf einander, statt auf 0 oder einen Wert festlegen. Einstellung abzuleiten, false deaktiviert die automatische radius-Einstellungen passieren, dass beim ändern der zoom-Stufen.

Nächsten machte ich ein Ereignis für jedes mal, wenn die zoom-Stufe geändert, und in diesem Fall habe ich den radius auf einen Wert, der schien zu repräsentieren meine Daten die Genaueste Methode für die zoom-Ebene.

Nun, um loszuwerden, das problem, wenn die Datenpunkte auf der Karte-Mischung und bekommen Hinzugefügt, zusammen in einen großen roten Fleck habe ich beschlossen, einen separaten raster auf meiner Karte für jede Zoomstufe die ich verwenden möchten. Ich Durchschnitt alle Werte, die geschachtelt werden, innerhalb der gleichen rasterpunkt, und stellen Sie sicher, dass das Gitter groß genug zu halten heatmap Punkte von überlappenden, aber klein genug, um nicht auszusehen wie eine Ansammlung von Kreisen. (Ich fand, dass das Gitter sollte etwa 0,4-fachen der Größe des heatpoint radius auf der Karte für glatt aussieht).

Den radius der heatmap Punkt ist festgelegt durch google in Pixel. Ich wusste nicht, wie zu konvertieren Pixel zu Lat/Long, also ich habe gerade gemessen es durch zeichnen von Linien, vorbei an einem Kreis mit einem bestimmten radius gemessen und der Abstand zwischen diesen Linien. Das conversion-Methode funktioniert ziemlich gut, wenn Sie nicht planen, auf-mapping viel mehr als ein kleines Land.

Leistung Weise ist dies nicht so schlimm, wie ich dachte, es wäre. Ich bin laden über 2300 Punkte und die Karte lädt so schnell wie es Tat, bevor ich aus einem raster für jede zoom-Stufe, und Sie nicht wirklich sehen die Datenpunkte aktualisiert beim ändern der zoom-Stufen.

Hier sind einige code-Stücken, die für alle der oben genannten:

Map Einstellungen:

map.heatmap.set('maxIntensity', 12000);
map.heatmap.set('dissipating', false);

Raster-und radius pro zoom-level:

map._on({
    obj: map.gMap,
    event: "zoom_changed",
    callback: function(){
        var zoomLevel = map.zoom();
        switch(zoomLevel){
            case 7:
                map.heatmap.setData(gridData[zoomLevel]);
                map.heatmap.set('radius', 0.04);
                break;
            case 8:
                map.heatmap.setData(gridData[zoomLevel]);
                map.heatmap.set('radius', 0.03);
                break;
            case 9:
                map.heatmap.setData(gridData[zoomLevel]);
                map.heatmap.set('radius', 0.02);
                break;
            case 10:
                map.heatmap.setData(gridData[zoomLevel]);
                map.heatmap.set('radius', 0.01);
                break;
            case 11:
                map.heatmap.setData(gridData[zoomLevel]);
                map.heatmap.set('radius', 0.005);
                break;
            case 12:
                map.heatmap.setData(gridData[zoomLevel]);
                map.heatmap.set('radius', 0.0025);
                break;
            case 13:
                map.heatmap.setData(gridData[zoomLevel]);
                map.heatmap.set('radius', 0.00225);
                break;
            default:
                map.heatmap.setData(gridData[zoomLevel]);
                map.heatmap.set('radius', 0.000625);
        }
    }
});

Mein raster generiert werden, die in PHP, die sich wahrscheinlich für jeden anders, aber nur als Beispiel, hier ist die Funktion die ich benutze:

function getHeatGrid($gridSize){
$mapGrid = false;
$mapData = false;
$radius = $gridSize * 2.8 * 0.3; //grid size is multiplied by 2.8 to convert from the heat map radius to lat/long values(works for my lat/long, maybe not yours). * 0.3 is arbitrary to avoid seeing the grid on the map.
$string = file_get_contents("mapData.json");
$json_a = json_decode($string, true);

forEach($json_a as $key => $value){
    $row = intval(round(($value['center_longitude'] /$radius)));
    $column = intval(round(($value['center_latitude'] /$radius)/68*111)); //around 52.0;5.0 latitude needs to be scaled to make a square grid with the used longitude grid size
    if(isset($mapGrid[$row][$column])){
        $mapGrid[$row][$column] = round(($value['solarValue'] + $mapGrid[$row][$column]) /2);
    } else {
        $mapGrid[$row][$column] = $value['solarValue'];
    }
}

forEach($mapGrid as $long => $array){
    forEach($array as $lat => $weight){
        $mapData[] = array(
            "center_longitude" => $long * $radius,
            "center_latitude" => ($lat * $radius)/111*68,
            "solarValue" => $weight
        );
    }
}
return $mapData;
}

Leider kann ich nicht zeigen Sie die Karte jetzt, wie es ist derzeit privat gehalten für Kunden der Firma, wo ich arbeite, aber wenn es verfügbar ist, öffentlich werde ich einen link hinzufügen, so dass Sie sehen können, wie gut diese Methode funktioniert.

Hoffe, das jemand hilft.

Lukas

Als eine Teillösung, die ich modifiziert habe heatmap.js aus dem Projekt:
https://github.com/pa7/heatmap.js

Um einen Durchschnitt an einem einzigen long/lat Punkt habe ich geändert, die _organiseData-Funktion zum speichern der PointCount und PointSum für jede x,y-position; und mit diesen Werten bekomme ich den Durchschnitt an einem Punkt mit:

store[x][y] = storePointSum[x][y] /storePointCount[x][y];

Ich bin immer noch dabei, wie Sie die "Mischung", wenn mehrere x -, y-coords-stack in verschiedenen Auflösungen anzeigen... Wenn ich es herausfinden, werde ich es posten.

cheers

~Aaron