ユーザーが特定の住所周辺にある物件リストを検索するアプリを入手しました。結果は次のようにレンダリングされます。
- マップ上のマーカー、一部はクラスター化されます
- 検索結果をリスト形式で含む div..
div 内の個々のリストとマーカーの間には 1:1 の関係はありません。b/c 一部のマーカーはクラスター内に含まれています。
私が実装しようとしているユースケースは、ユーザーがdivのリストをクリックすることです。これは自動的に
- リストにマップをパンします
- リストの情報ボックスを表示します。
これは、すでに存在するマーカーに対してはうまく機能します。ただし、クラスターの後ろに隠れているマーカーの場合..これは機能しません。
マップが次のようにズームするときのイベントリスナーを設定してみました:
google.maps.event.addListener(map, 'zoom_changed', function() {
// assume that the the cluster broke up and the marker got rendered by now
..
});
しかし、これは機能しませんでした..これは、ズームレベルがクラスターを分割するのに十分ではないという事実が原因である可能性もあります..しかし、その場合、そのレベルが何であるかをどのように判断できますか? 私が基本的にやろうとしているのは、興味のあるリストが属するクラスターをクリックするユーザーをシミュレートすることです。これにより、クラスターが分割され、マップがズームインし、マーカーが表示されます。