Nuxt 3 x Composition APIでLeaflet Marker Clusterを試す

2023/11/24に公開

概要

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

https://zenn.dev/nakamura196/articles/a2035b93c31a1a

インストール

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

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に一部対応できていない点がありますが、参考になりましたら幸いです。

Discussion