問題タブ [markerspiderfier]

このエラーについてサイトを検索しましたが、いくつかの回答がありましたが、どれもうまくいきませんでした (または適用できませんでした)。

Google マップ API v3 を使用しており、重複マーカーの問題を解決するために OverlappingMarkerSpiderfier を実装しようとしています。私の問題は、OMS のインスタンスを作成できないことです。

次のエラーが表示されます。

マーカーの作成/配置時ではなく、インスタンス化時にエラーが発生することを確認しました。完全を期すために、マーカーを配置するために使用しようとしているコードを次に示します。

...

オリジナル (github からダウンロード) に問題があった場合に備えて、OMS の別のコピーも取得しました。

さらにコードを表示する必要がある場合は、探しているものをお知らせください。問題のある行を投稿しました。私のマップは OMS なしで適切に生成されます。問題は oms のインスタンス化だけです。

同じ場所に複数のマーカーがある場合、または互いに非常に近い場合は、OverlappingMarkerSpiderfierを使用することにしました。

問題は、私のスコープでは、各マーカーに、spiderfy がトリガーされたときに移動するマーカーがバインドされていることでした。

React-redux プロジェクトで markerclusterer を使用して、すべての会社のマーカーを描画しています。同じ住所の会社が3社あります。マップを拡大すると、番号 3 (マーカー クラスター) が表示され、さらに拡大すると、1 つのマーカー (3 つの会社すべて) のみが表示されます。単一のマーカーを表示する必要があり (同じ住所を持つ markerClusterer から会社をフィルター処理する)、マーカーをクリックすると、ダイアログ ボックスを開いて会社の詳細を表示する必要があります。最初にマップが読み込まれると、マーカーがレンダリングされます (以下のコード:)

Google マップに OverlappingMarkerSpiderfier を実装しようとしていますが、マーカーをクリックするとマーカーが「スパイダー化」できるため、機能します。

私の問題は、VS Code の開発コンソールで、ESLint がまだ「OverlappingMarkerSpiderfier」が定義されていないというエラーを表示していることです。マーカーをクリックすると意図したとおりに機能するため、問題が何であるかはよくわかりません。以下は、ESLint からのエラーがあるにもかかわらず、OverlappingMarkerWorkers を示す図です。

それが原因で将来エラーが発生した場合に備えて、エラーを取り除きたいです。私は解決策を探しましたが、多くの人が Google マップの読み込み後に OverlappingMarkerSpiderfier を読み込む必要があるとコメントしています。私はそれをしましたが、エラーはまだ続きます。

Google マップを非同期で読み込みます。以下は、Google マップと OverlappingMarkerSpiderfier を読み込む .js ファイルです。

以下は私の GoogleMaps コンポーネントです。OverlappingMarkerSpiderfier の実装は「watch」内にあります。