Overview
In the following article, I introduced how to use Leaflet Marker Cluster with Nuxt 3. This time, I updated it to use the Composition API, so here are my notes.
Trying Leaflet Marker Cluster with Nuxt 3
Trying Leaflet Marker Cluster with Nuxt 3
Installation
Install the following:
npm i leaflet leaflet.markercluster @vue-leaflet/vue-leaflet
npm i -D @types/leaflet @types/leaflet.markercluster
Source Code
Please refer to the following:
nuxt3-demo/components/map/MarkerCluster.vue at main · nakamura196/nuxt3-demo
Sample Repository for Nuxt3 Including Examples of Various Library Usages - nakamura196/nuxt3-demo
GitHubSummary
There are some parts where TypeScript support is incomplete, but I hope this serves as a useful reference.
Comments
…