マーカーのアンカーを設定する

Question

react-google-mapsを使用してマーカーにカスタムアイコンを使用しようとしています。

しかし、アイコンの「アンカー」は、アイコン（0,0）の左上にデフォルトで表示され、アイコンでは機能しません。

私はグーグルマップ-APIを使用して直接.Pointがあることがわかります。

anchor: new google.maps.Point(17, 34) 

しかし、我々は反応するとGoogleマップのコンポーネント内でこれを設定する方法を見ることができません。ここで

は、私たちのコードです：

const icon = { 
    path: 'M32,0C20.8,0...', 
    fillColor: '#444', 
    fillOpacity: 1, 
    strokeWeight: 0, 
    scale: 0.75 
}; 

.... 

<Marker position={marker.position} key={index} icon={icon} /> 

理想的には私たちはIconオブジェクトに直接設定することができますアンカーキーのいくつかの並べ替えがあるだろう。

ご協力いただければ幸いです。

Answer 1

この使用例が有効です。

var anchor = new google.maps.MarkerImage('/xxx/images/anchor.png', 
       new google.maps.Size(34, 34), 
       new google.maps.Point(0, 0), 
       new google.maps.Point(17, 17));