[[vue-leaflet]]を使う。
```console
npm i -D @vue-leaflet/vue-leaflet
npm i leaflet
```
サンプルを参考に実装したところ、地図っぽいものは表示されるがタイルが表示されない..。
```console
runtime-core.esm-bundler.js:6568 [Vue warn]: Failed to resolve component: l-tile-layer
If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.
at <Leaflet>
at <App>
```
そもそも`LTileLayer`が`import`されてなさそう...型定義ファイルがなさそうなのでインストール。
```console
npm i -D @types/leaflet
```
そもそも[[TypeScript]]未対応ぽい。。
- [Typescript support · Issue \#1 · vue\-leaflet/vue\-leaflet](https://github.com/vue-leaflet/vue-leaflet/issues/1)
上記で紹介されていた以下で凌ぐ。
```ts
declare module '@vue-leaflet/vue-leaflet' {
import type { DefineComponent } from 'vue';
export const LMap: DefineComponent;
export const LIcon: DefineComponent;
export const LTileLayer: DefineComponent;
export const LMarker: DefineComponent;
export const LControlLayers: DefineComponent;
export const LTooltip: DefineComponent;
export const LPopup: DefineComponent;
export const LPolyline: DefineComponent;
export const LPolygon: DefineComponent;
export const LRectangle: DefineComponent;
}
```