0

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 オブジェクトに直接設定できるアンカー キーのようなものがあるでしょう。

どんな助けでも大歓迎です。

4

2 に答える 2