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