概要
TEI/XMLファイルの可視化にあたり、可視化例とソースコードを公開するリポジトリを作成しました。
https://github.com/nakamura196/tei_visualize_demo
可視化例は以下のページでご確認いただけます。
https://nakamura196.github.io/tei_visualize_demo/
今回、MarkerClusterを用いたマーカー表示の例を追加しましたので、紹介します。
前提
Leafletを使って、（MarkerClusterを使用せずに、）マーカーの表示ができていることを前提とします。まだの方は、以下の可視化例、およびソースコードを参考にしてください。
可視化例
https://nakamura196.github.io/tei_visualize_demo/01/
ソースコード
https://github.com/nakamura196/tei_visualize_demo/blob/main/docs/01/index.html
MarkerClusterを使った実装例
可視化例は以下です。
https://nakamura196.github.io/tei_visualize_demo/02/
ソースコードは以下です。
https://github.com/nakamura196/tei_visualize_demo/blob/main/docs/02/index.html
「TEIを用いた『渋沢栄一伝記資料』テキストデータの再構築と活用」のデータを利用しています。
ライブラリの追加
以下を追記します。
L.markerClusterGroupの利用
markersを作成して、個々のmarkerをaddLayerメソッドを使って追加します。最後に、mapにaddLayerメソッドを使って、markersを追加します。
まとめ
TEI/XMLの可視化にあたり、参考になりましたら幸いです。