web-dev-qa-db-ja.com

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

カスタムラベルの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'
    }
});
google-mapsgoogle-maps-api-3google-maps-markers
18
user992731

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

Google Maps API v3では、 MarkerLabel position を設定できません。xおよびyオプションはありません。

ドキュメントには次のようにも書かれています。

カスタムマーカーで使用している場合は、IconクラスのlabelOriginプロパティで位置を変更できます。

私が見ることができるように、カスタムマーカーを使用しているので、多分これはあなたのために行く方法です。

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

4
martin