本文共 425 字，大约阅读时间需要 1 分钟。

目录

一、安装

npm i leaflet

二、引入

main.js 中全局引入

// 引入 leaflet 样式import 'leaflet/dist/leaflet.css'// 引入 leaflet js 文件import * as L from 'leaflet/dist/leaflet'

三、地图容器初始化

//初始化地图容器let map = L.map('map', {    //参考坐标系    crs: L.CRS.EPSG4326,    //不添加属性说明控件    attributionControl: false,    //限制显示地理范围    maxBounds: L.latLngBounds(L.latLng(-180, -180), L.latLng(180, 180)),});

四、完整示例

index.vue 示例中初始化地图容器，添加矢量天地图

效果图

转载地址：http://wonii.baihongyu.com/