Wenn ich ein Bild in die Symboleigenschaft eines Markers lade, wird es in seiner Originalgröße angezeigt, die viel größer ist, als es sein sollte.
Ich möchte die Größe des Standards auf eine kleinere Größe ändern. Was ist der beste Weg, dies zu tun?
Code:
function addMyPos(latitude,longitude){
position = new google.maps.LatLng(latitude,longitude)
marker = new google.maps.Marker({
position: position,
map: map,
icon: "../res/sit_marron.png"
});
}
javascript
google-maps
google-maps-markers
image-resizing
Golan_trevize
quelle
quelle
scaledSize
stattscale
= LiebeWie in den Kommentaren erwähnt, ist dies die aktualisierte Lösung zugunsten des Symbolobjekts mit Dokumentation.
Verwenden Sie das Symbolobjekt
quelle
icon object
und diescaledSize: new google.maps.Size(h, w)
Eigenschaft auf diesem Objektnew google.maps.Size(w, h)
NICHT h sein, wMarkerImage ist für Icon veraltet
Phillippes Code wäre jetzt:
quelle
scaledSize
lieber alssize
.Ursprung und Anker löschen werden regelmäßiger
quelle
Ein Anfänger wie ich kann es möglicherweise schwieriger finden, eine dieser Antworten zu implementieren, als die Größe des Bildes selbst mit einem Online-Editor oder einem Fotoeditor wie Photoshop zu ändern .
Ein 500x500-Bild wird auf der Karte größer angezeigt als ein 50x50-Bild.
Keine Programmierung erforderlich.
quelle
Ich hatte also nur das gleiche Problem, aber ein bisschen anders. Ich hatte das Symbol bereits als Objekt, wie Philippe Boissonneault vorschlägt, aber ich habe ein SVG-Bild verwendet.
Was es für mich gelöst hat, war:
Wechseln Sie von einem SVG-Bild zu einem PNG und folgen Sie Catherine Nyo , um ein Bild zu erhalten, das doppelt so groß ist wie das, was Sie verwenden werden.
quelle
Wenn Sie wie ich vue2-google-maps verwenden, sieht der Code zum Festlegen der Größe folgendermaßen aus:
quelle