1. 开发下载前的准备工作:
# 下载leaflet与leaflet.pm 地图可视化
# leaflet 用于根据坐标自动绘制等操作,leaflet.pm可实现用户手动绘制。
# leaflet.pm 参考网址:https://www.npmjs.com/package/leaflet.pm
# leaflet 参考网址:https://leafletjs.com/reference-1.6.0.html
安装下载步骤:
npm install leaflet.pm
npm install leaflet
npm install --save vue2-leaflet
main.js文件里面引入如下这些配置:
// 引入Leaflet对象
import 'leaflet/dist/leaflet.css' // 引入样式文件
// 挂载到Vue上,便于全局使用,也可以单独页面中单独引用
import * as L from 'leaflet'
import 'leaflet.pm'
import 'leaflet.pm/dist/leaflet.pm.css'
Vue.L = Vue.prototype.$L = L
/* leaflet icon */
delete L.Icon.Default.prot