Googleマップのカスタムラベルのxとyの位置

Question

カスタムラベルのxとyの位置を調整しようとしています。これは可能ですか？ まだこの問題に関するドキュメントはまだありません。

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

Answer 1

カスタムラベルを使用しているため、「labelOrigin」が渡されなくてはなりませんでした。

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

Answer 2

GoogleマップAPI v3では、あなたは何xとyのオプションがそこにいるん、MarkerLabel positionを設定することはできません。

ドキュメントにも書かれています：

カスタムマーカーでそれを使用している場合は、アイコンクラスのlabelOriginプロパティでそれを再配置することができます。

カスタムマーカーを使用していることがわかりましたので、これはあなたのために行く方法です。

また、MarkerWithLabelをご覧ください。デフォルトのMarkerオブジェクトの拡張で、より多くのオプションが利用できます。小デモ：http://jsfiddle.net/LLd4drvx/239/。