vue-leaflet 开发总结

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