2016-05-25 7 views
10

Ich versuche, die X- und Y-Position meines benutzerdefinierten Labels anzupassen. Ist das möglich? Ich habe noch keine Dokumentation zu diesem Thema gefunden.Google Maps benutzerdefinierte Label x und y Position

numberMarkerImg = { 
    url: '../images/mobile/map-marker.png', 
    size: new google.maps.Size(32, 38), 
    scaledSize: new google.maps.Size(32, 38) 
}; 

// Letter markers 
marker = new google.maps.Marker({ 
    position : point, 
    map  : map, 
    icon  : numberMarkerImg, 
    draggable: false, 
    labelClass: "labels", 
    label: { 
     text: saved_label, 
     color: 'black', 
     fontSize: '12px', 
     x: '200', 
     y: '100' 
    } 
}); 

Antwort

11

"labelOrigin" musste am Ende übergeben werden, da ich einen benutzerdefinierten Marker verwende.

numberMarkerImg = { 
     url: '../images/mobile/map-marker.png', 
     size: new google.maps.Size(32, 38), 
     scaledSize: new google.maps.Size(32, 38), 
     labelOrigin: new google.maps.Point(9, 9) 
    }; 
2

Google Maps API v3 nicht lassen Sie MarkerLabel position gesetzt, da sind keine x und y Optionen.

Die Doc sagt auch:

Wenn Sie es mit einem benutzerdefinierten Marker verwenden, können Sie es mit der labelOrigin Eigenschaft in der Icon-Klasse neu positionieren können.

Wie ich sehe, verwenden Sie benutzerdefinierte Marker, also ist dies vielleicht der Weg für Sie.

Alternativ, siehe MarkerWithLabel. Ist eine Erweiterung des Standardobjekts Marker mit mehr Optionen verfügbar. Kleine Demo: http://jsfiddle.net/LLd4drvx/239/.

+0

Danke Martin! Ich habe mit "labelOrigin: new google.maps.Point (9, 9)" – user992731