react-google-maps を使用して、マーカーにカスタム アイコンを使用しようとしています。
機能していますが、アイコンの「アンカー」はデフォルトでピンの左上 (0,0) に表示され、アイコンでは機能しません。
google-maps-api を直接使用すると、.Point があることがわかります。
anchor: new google.maps.Point(17, 34)
しかし、react-google-maps コンポーネント内でこれを設定する方法がわかりません。
コードは次のとおりです。
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 オブジェクトに直接設定できるアンカー キーのようなものがあるでしょう。
どんな助けでも大歓迎です。