web-dev-qa-db-fra.com

Position personnalisée x et y des libellés Google Maps

J'essaie d'ajuster la position x et y de mon étiquette personnalisée. Est-ce possible? Je n'ai encore trouvé aucune documentation concernant ce problème.

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'
    }
});
google-mapsgoogle-maps-api-3google-maps-markers
18
user992731

"labelOrigin" a finalement dû être transmis car j'utilise un marqueur personnalisé.

   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)
   };
28
user992731

L'API Google Maps v3 ne vous permet pas de définir MarkerLabel position , il n'y a pas d'options x et y.

Le doc dit également:

Si vous l'utilisez avec un marqueur personnalisé, vous pouvez le repositionner avec la propriété labelOrigin dans la classe Icon.

Comme je peux voir que vous utilisez un marqueur personnalisé, c'est peut-être la voie à suivre pour vous.

Alternativement, jetez un œil à MarkerWithLabel . Est une extension de l'objet Marker par défaut avec plus d'options disponibles. Petite démo: http://jsfiddle.net/LLd4drvx/239/ .

4
martin