概要
以下の記事で、Nuxt 3でLeaflet Marker Clusterを試す方法を紹介しました。今回は、Composition APIを使った書き方に更新したので、その備忘録です。
インストール
以下をインストールします。
npm i leaflet leaflet.markercluster @vue-leaflet/vue-leaflet
npm i -D @types/leaflet @types/leaflet.markercluster
ソースコード
以下を参考にしてください。
https://github.com/nakamura196/nuxt3-demo/blob/main/components/map/MarkerCluster.vue
まとめ
TypeScriptに一部対応できていない点がありますが、参考になりましたら幸いです。
動画版（生成AIによる自動生成）: この記事の内容をずんだもん×四国めたんの掛け合いで解説しています。自動生成のため、内容に誤りがある可能性があります。正確な情報は記事本文をご参照ください。
