2012-11-13 10 views
6

So scheint es, dass Google das verschwommene Kartenproblem mit der 3.9/3.10 API behoben hat, was großartig ist.Google Maps API v3.9: Unscharfe benutzerdefinierte Markierungen beim Zoomen

Aber es gibt ein neues mit benutzerdefinierten Markierungen. Sobald Sie eine Ebene vergrößern, werden die benutzerdefinierten Markierungen beschädigt/verschwommen. Sie korrigieren sich selbst, wenn sie herauszoomen, obwohl der Prozess des Herauszoomens auch die Markierungen leicht unscharf macht.

Die 3.8 API zeigt dieses Problem mit benutzerdefinierten Markern nicht. Hier ist ein Bild, das das Problem veranschaulicht (ich schlage vor, dass Sie das Bild in einem neuen Tab öffnen; die Unschärfe ist nicht so leicht sichtbar, wenn das Bild für diesen Beitrag skaliert wird). Die Verwischung ist am deutlichsten mit den geraden Linien des Papierkran Markers:

google maps marker api problem

Ich habe eine prod durch die HTML hat, aber ich kann nicht wirklich sagen, wie die Markierungen auf der Karte platziert werden. Aber ich dachte, dass ich dieses Problem für jeden, der ähnliche Erfahrungen gemacht hat, veröffentlichen würde, oder wenn jemand darüber nachdenkt, wie dies gelöst werden kann, außer zu warten, um zu sehen, ob es ein Fehler in der API ist.

Ich verwende Chrome 24.0.1312.5 Beta-m auf Windows und Mac und das Problem ist in beiden ausgestellt. Es passiert nicht in Firefox 16.0.2 oder Safari 6. Da Safari dieses Problem nicht hat, würde ich mich fragen, ob es ein Chrome-spezifisches Problem ist. Ich sollte überprüfen, ob es mit der Nicht-Beta-Version auftritt.

+0

Klingt wie ein Fehler. Vielleicht möchten Sie es unter http://code.google.com/p/gmaps-api-issues/issues/ ablegen. – duncan

+0

Wie zeichnen Sie diese benutzerdefinierten Markierungen? Sind sie google.maps.Marker-Objekte oder aus einem KML-Overlay gezogen? – bamnet

+0

@bamnet - sie sind mit google.maps.Marker Objekte geschrieben, mit Code wie erstellt von der awesome http://powerhut.co.uk/googlemaps/custom_markers.php. – Mike

Antwort

0

Versuchen Sie, ein Retina-Symbol statt wie diese verwenden, vielleicht funktioniert es:

new google.maps.MarkerImage('icon.png', null, null, null, new google.maps.Size(32,32)) 

Das Bild ein 64x64 Bild tatsächlich ist, aber ich es als ein 32x32 Bild bin mit dem besseren Pixeldichte zu erhalten.

Verwandte Themen