So verwenden Sie den Marker Clusterer Plus auf einer Google-Karte mit Retina-Images

Question

Ich verwende Marker ClustererPlus an Gruppenmarkierungen auf einer Google-Karte, aber die Option Enableretinaicons scheint jedoch nicht zu funktionieren.

generasacodicetagpre.

---

Die Option Enableretinaicons scheint nicht zu funktionieren, das Bild wird doppelt so groß dargestellt.

Einstellen der Breite auf 66x66px hilft auch nicht.

weiß jemand, wie man das richtig konfiguriert?

Answer 1

Dies ist anscheinend in Marker Clusterer Plus. Der einzige Ort, in dem sie diese Option tatsächlich verwenden, ist hier:

generasacodicetagpre.

Daher deaktivieren sie tatsächlich nur das Ausschnitt für Sprite-Icons, aber sie führen nicht tatsächlich die erforderliche Retina-Aktion aus. Der HTML-Baum des Symbols sieht tatsächlich so aus:

Sie können also sehen, dass das DIV, das das Symbol umgibt, die ordnungsgemäßen Abmessungen aufweist (33x33), aber das Sehr Bild (der blaue Code) hat keine Abmessungen eingestellt.

Ich habe versucht, das Problem zu beheben, indem Sie die Marker-Clusterer-Bibliothek aufpassen, nur indem Sie einen anderen Zweig hinzufügen:

generasacodicetagpre.

Es scheint zu funktionieren:

Komplette Fatched Bibliothek @pastein

Testbeispiel - http://jsfiddle.net/rt28t/2/

Sie können einen Fehler melden und diese als vorgeschlagenen Patch hinzufügen: -)

Answer 2

Ich weiß, dass diese Frage beantwortet wurde, aber ein anderer Weg, um dieses Problem zu lösen (und wahrscheinlich einfacher) ist nur mit einem SVG-Markierungssymbol .Auf diese Weise:

• Ihre Lösung unterstützt jedes Gerät Pixeldichte
• Sie müssen die Bibliothek nicht patchieren (mit all den Problemen, die er verursachen kann)
• Der aktuelle Browser-Support ist recht gut - Check caniuse.com svg-img für BrowserStatistiken

Answer 3

Laden Sie einfach die Symbole doppelt so hoch wie folgt:

generasacodicetagpre.

und fügen Sie Ihre CSS hinzu:

generasacodicetagpre.