2016-05-25 29 views
10

Sto cercando di regolare la posizione xey della mia etichetta personalizzata. È possibile? Non ho ancora trovato alcuna documentazione riguardante questo problema.Etichetta personalizzata di Google Maps xey posizione

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' 
    } 
}); 

risposta

11

"labelOrigin" ha finito per dover essere passato in quanto sto usando un indicatore personalizzato.

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 non consente di impostare MarkerLabel position, non esistono nemmeno x e y opzioni.

Il dottore dice anche:

Se si utilizza con un pennarello personalizzato, è possibile riposizionarla con la proprietà labelOrigin nella classe Icon.

Come posso vedere si sta utilizzando un indicatore personalizzato quindi forse questo è il modo di andare per voi.

In alternativa, dare un'occhiata a MarkerWithLabel. È un'estensione dell'oggetto predefinito Marker con più opzioni disponibili. Piccola demo: http://jsfiddle.net/LLd4drvx/239/.

+0

Grazie Martin! Ho finito per utilizzare "labelOrigin: new google.maps.Point (9, 9)" – user992731