Die Größe meines Symbols wird zu groß, wenn ich in Google-Karte verkleinern

Question

Ich bin neu bei google-maps. Ich arbeite an einem Projekt, bei dem ich eine Polylinie mit einer Pfeilspitze zeigen muss. Die Größe der Polylinie ist perfekt, aber der Pfeil erscheint zu groß. Ich benutze einfach diesen Code.

var lineSymbol = { 
    path: google.maps.SymbolPath.FORWARD_CLOSED_ARROW, 
    scale: 2 
    }; 
var a = new google.maps.LatLng(lat1, lon1); 
var b = new google.maps.LatLng(lat2,lon2); 
var myTrip = [a, b]; 
var flightPath = new google.maps.Polyline({ 
     path: myTrip, 
     icons: [{ 
     icon: lineSymbol, 
     offset: '100%' 
     }], 
     strokeColor: "#8B0000", 
     strokeOpacity: 0.8, 
     strokeWeight: 6 
}); 

Diese Links unten sind die, die ich je gesehen habe, aber sie sind nicht in der Nähe, was ich brauche :)

Die Links die ich gesehen habe sind

• Google Maps :: Changing icon based on zoom level
• ^ich nicht möchte das Symbol ändern
• Google maps V3: prevent marker scaling
• ^Ich muss zoomen zu sehen, was die Linie klar
• https://developers.google.com/maps/articles/toomanymarkers?hl=da
• ^nicht genau suchen
Ich war nicht
• Google Maps v3 fitBounds() Zoom too close for single marker
• ^was ich
brauchen
• Google Maps API Zoom in and out marke size change
• ^möglich Duplikat sein kann, aber niemand antwortete, dass entweder

Answer 1

Sie können die in Ihrem ersten Link beschriebene Strategie verwenden, um zu tun, was Sie wollen.

google.maps.event.addListener(map, 'zoom_changed', function() { 
    zoomLevel = map.getZoom(); 
    //this is where you will change your icon...  
    }); 

Innerhalb dieses Hörer können Sie die scale Eigenschaft Ihres Symbol sowie alle anderen Eigenschaften, die Sie (vielleicht Schlaganfall Gewicht, usw.) ändern möchten das Symbol ändern.