leaflet地图 のバックアップ(No.1)

• バックアップ一覧
• 差分 を表示
• 現在との差分 を表示
• ソース を表示
• +Vue3+leaflet地图 へ行く。
  • 1 (2025-03-05 (水) 14:34:29)

Vue3

※前提条件：本文基于 Vue 3.0 创作

安装 Leaflet 和 Vue-Leaflet †[edit]

yarn add leaflet
yarn add vue2-leaflet  # 如果你使用的是 Vue 2
# 或者
yarn add @vue/compat @vue/cli-plugin-babel # 如果需要兼容 Vue 3
yarn add @vue-leaflet/vue-leaflet # 如果你的 Vue 版本是 Vue 3

安装依赖 †[edit]

yarn install

检查导入和配置 †[edit]

VUE2

// 对于 Vue 2 和 Vue-Leaflet (vue2-leaflet)
import { LMap, LTileLayer, LMarker } from 'vue2-leaflet'
import 'leaflet/dist/leaflet.css'
 
export default {
  components: {
    LMap,
    LTileLayer,
    LMarker
  }
}

VUE3

// 对于 Vue 3 和 @vue-leaflet/vue-leaflet
import { LMap, LTileLayer, LMarker } from '@vue-leaflet/vue-leaflet'
import 'leaflet/dist/leaflet.css'
 
export default {
  components: {
    LMap,
    LTileLayer,
    LMarker
  }
}

コメント：

お名前:

(画像の文字列を入力して下さい)