Um ein MarkerImage aus einem Sprite-Bild zu erstellen, müssen Sie den Ursprung und die Größe des Bildausschnitts angeben, den Sie zum Erstellen des Symbols verwenden möchten.
%Vor%Sie können sich diesen Blogbeitrag ansehen, der beschreibt es gut
Update - Sehen Sie sich diese funktionierende Fiddle- DEMO Ich habe dieses Bild Ссылка verwendet und angepasst die Größe und die Punktwerte für das Symbol.
Bevor die MarkerImage-Klasse zugunsten des Symbol-Objekts veraltet wurde (was bedeutet, dass sie noch unterstützt wird, aber ersetzt werden sollte), haben Sie vielleicht so etwas für ein einfaches Bild geschrieben:
%Vor%Nun würden Sie mit dem Icon-Objekt folgendes schreiben:
%Vor%Beachten Sie den zusätzlichen skaliertenSize-Parameter: Für einfache Bilder ist dies die Größe des ursprünglichenBildes - was in diesem speziellen Fall dem Größenparameter entspricht.
Bei Sprites, bei denen mehrere Bilder in einer einzelnen Bilddatei enthalten sind, könnten Sie etwas wie folgt verwenden:
%Vor%Beachten Sie, dass in diesem Beispiel der Ursprung als (0, 32) in einem Sprite angegeben wurde, das mehrere Bilder mit 16 * 16 Pixeln enthält: Hier wählen wir also das dritte Bild aus das Sprite. In diesem Teil des Bildes setzen wir den Anker auf (8, 8) - d. H. In der Mitte des ausgewählten Teils des anzuzeigenden Bildes. Schließlich bezieht sich die skalierte Größe hier auf die Größe des gesamten Sprite-Bildes.
Sie können die anchor -Eigenschaft von MarkerImage verwenden, die wie hier hier überschreibt die Standardposition:
Die Position, an der ein Bild entsprechend der Position des Markers auf der Karte verankert wird. Standardmäßig befindet sich der Anker entlang des Mittelpunkts des unteren Bildrands.
ps. MarkerImage ist veraltet und Sie sollten stattdessen das Symbol verwenden.
Tags und Links javascript image google-maps-api-3 sprite
