leaflet

Project setup

yarn install

yarn add normalize.css # 按需安装 如果有安装则 在入口文件(默认 main.js中加入 import "normalize.css")
yarn add vuex # 必须
yarn add leaflet #必须
yarn add leaflet.chinatmsproviders #必须
yarn add esri-leaflet #必须
yarn add leaflet-draw #使用到编辑工具必须
yarn add leaflet-easyprint #使用到打印功能 必须
yarn add leaflet-side-by-side #使用到卷帘功能 必须 
yarn add element-ui #使用到其它组件 必须 
yarn add esri-leaflet-cluster #使用到其它组件 必须 
yarn add leaflet.markercluster #使用到其它组件 必须 
yarn add @turf/turf #使用到工具栏时必须
yarn add sass-loader sass #使用到工具栏时必须
yarn add proj4 
yarn add proj4leaflet

Compiles and hot-reloads for development

yarn run serve

Compiles and minifies for production

yarn run build

Run your tests

yarn run test

Lints and fixes files

yarn run lint

使用说明

1: 把 libs 目录拷贝到 src 文件下
2: yarn add normalize.css # 按需安装 如果有安装则 在入口文件(默认 main.js中加入 import "normalize.css")
3: 在入口文件(默认 main.js中加入 import mapStore from './libs/store/map' 并修改 
new Vue({
  render: h => h(App),
  store: mapStore, // 新增
}).$mount('#app')
4: 在适当目录下创建Map.vue 当前例子在 src/component下创建
5: 各个组件使用请查看组件下的README.md
6: 在index.html中 添加
    <link type="text/css" rel="stylesheet" href="http://at.alicdn.com/t/font_2025444_nqpaoxlok6.css"/>
    <link type="text/css" rel="stylesheet" href="http://at.alicdn.com/t/font_1227170_nftd1ibxkx.css" />
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">

Customize configuration

See Configuration Reference.