概要

以下の記事で、Nuxt 3でLeaflet Marker Clusterを試す方法を紹介しました。今回は、Composition APIを使った書き方に更新したので、その備忘録です。

インストール

以下をインストールします。

nnppmmiil-eDaf@lteytpelse/alfelaeftl.emtar@kteyrpcelsu/slteearfl@evtu.em-alrekaefrlceltu/svtueer-leaflet

ソースコード

以下を参考にしてください。

https://github.com/nakamura196/nuxt3-demo/blob/main/components/map/MarkerCluster.vue

まとめ

TypeScriptに一部対応できていない点がありますが、参考になりましたら幸いです。