テンプレートの更新後に新しいマーカー数を取得する方法/イベント

Question

私がやっていることは、テンプレートを使用してGoogleマップマーカーを作成することです。

<google-map id="google-map" map="{{map}}" latitude="44.6" longitude="-84.5" zoom="6" drag-events="true" api-key="{{key}}" single-info-window="true"> 
    <template is="dom-repeat" items="{{response}}" id="d" as="marker"> 
    <google-map-marker map="{{map}}" latitude="{{marker.lat}}" longitude="{{marker.lng}}">{{marker.EventName}}</google-map-marker> 
    </template> 
</google-map> 

それから私は、クラスタを作成するMarkerClusterer https://github.com/googlemaps/js-marker-clustererを使用したいと思います。何が起こっているのは、テンプレートを更新するときに、更新後に_updateMarkersを取得するために使用するイベントを特定できないということです。更新後の前後の値は_updateMarkersに表示されます。問題は、更新されたマーカー数で何かを戻すために使用できるメソッド/イベントが表示されないことです。

私はテンプレートにdom-readyを使用しようとしましたが、それはマーカーの数の古い値しか持っていません。常に1になります。例では、地図上に7つのマーカーがある場合、ズームを行い、5つのマーカーがあると、7つのマーカーが返され、次に別のズーム5が返されます。

_updateMarkersは、 dは、私がMarkerClusterer関数を呼び出して新しい値でMarkerClusterを再作成するために使用できるイベント/メソッドがあるかどうかを知りたいだけです。

ありがとうございます！

Answer 1

あなたの質問に直接答えは出ていませんが、以前作成したgoogle-map-markerclusterer要素を確認できます。これにはJSライブラリのすべての機能が含まれており、追加することでクラスタとマーカーをカスタマイズできます。

Answer 2

on-rendered-item-count-changed（docs）イベントをdom-repeat要素に追加します。完了！