問題タブ [custom-overlay]

現在、Google マップ アクティビティで Google マップ用のアプリにオーバーレイを設定しています。

画像は完全に並んでいますが、オーバーレイの領域を離れると、通常の Google マップ ビューが表示されます。

カスタム オーバーレイ以外のすべてを非表示にしたいのですが、どうすればそれを行うことができますか?

ユーザーがカメラをズームインした場所からズームアウトしてカスタム オーバーレイを失うのを防ぐために、ユーザーを特定の GPS 座標内にのみロックすることはできますか? (カスタム オーバーレイでカバーされる領域)

現在、私は Openlayers 3 に取り組んでいます。

Google マップの Javascript API v3 でカスタム オーバーレイを使用して、カスタマイズされたマーカーをマップ上の html div として追加しました。これらのマーカーはグループ化され、さまざまなカスタム オーバーレイにプロットされます。

現在、OpenLayers 3 で同じことを実装しようとしていますが、OpenLayers 3 のオーバーレイは 1 つのオーバーレイで 1 つのマーカーを使用するため、解決策が見つかりませんでした。

マーカーをグループ化するために、OpenLayers 3 でオーバーレイをグループ化できますか? または、利用可能な他のオプションはありますか?

Google api Overlayviews を使用しました。ピクセル値を使用して、latlng 位置に html div 要素を含むカスタム オーバーレイを追加することができました。

現在、OpenLayer 3 を使用しています。ピクセル値を使用して特定の位置にマーカーのようなカスタム div 要素を追加するオプションはありますか。マップがズームインまたはズームアウトされるたびに、ピクセル位置を見つけて div 要素の上部と左側を更新して、正しい位置に表示されるようにすることができます.OpenLayer3.

マップ上のさまざまな都市に多くのカスタム オーバーレイを配置し、重なっているものを非表示/折りたたもうとしています。スペースがあるところはどこでも、人口の多いものを表示/拡大したいと考えています。

Googleフライト（セクションを探索）とまったく同じ動作を実現したいと思います。

私が試したこと

私は以下を試しました。すべてのカスタム オーバーレイを循環し、オーバーラップがあるかどうかを確認してから、人口の多いオーバーレイがある場合は非表示にします。問題は、非表示になるものが多すぎることです。次の例を参照してください。

• A市（人口3000人）
• B市（人口2000人）
• C市（人口1000人）
• AとBが重なる
• BとCが重なる
• AとCは重ならない

A と C の両方が表示されるはずですが、B と C が重なっており、B の方が人口が多いため、C は非表示になっています。

私は Angular を使用していますが、これは一般的な js の質問です。

これを適切に行う方法を知っている人はいますか？私が向かっている方向が効率的でない場合、私は完全に異なるアプローチにもオープンです。

私はこのガイドに従おうとしました。

私はOverlayContainerサブクラスを持っています

そして、私はディレクティブを持っています:

app.module.ts

次に、そのディレクティブで div を追加します

次のエラーが発生します。

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