Wie kann ich CSS auf einen Google Maps HeatmapLayer anwenden?

Question

Ich habe ein Google Maps mit mehreren Heatmap-Layern und möchte sie mit CSS anstelle von setMap aktivieren. Der Hauptgrund ist die Verwendung von css Opacity-Übergangseffekten.

Wie füge ich eine Klasse zum div der Heatmap-Ebene hinzu?

Ich habe das Snippet unten als eine hacky Abhilfe verwendet, aber es kann inkonsistent sein, wenn andere Ebenen hinzugefügt und entfernt werden. obwohl

$('#map .gm-style > div:eq(0) > div:eq(0) > div:eq(1) > div:eq(0)').addClass('my-heatmap') 

Answer 1

Die documentation und samples darin bedeutet nicht, dass Sie CSS diese Weise anwenden können.

Anpassungen von HeadmapLayer können nur unter Verwendung von HeatmaplayerOptions vorgenommen werden, in dem auch die Eigenschaften angegeben sind, mit denen Sie sie anpassen können.