<!--
 * @Description: 
 * @Author: chenyan
 * @Email: 1621948551@qq.com
 * @Date: 2021-02-02 09:20:03
 * @LastEditTime: 2021-07-16 11:37:18
 * @LastEditors: chenyan
-->
<!-- <div style='display: none'> -->
# 朗慧地图应用类库

基于Openlayers的地图应用Vue组件。

```![info](https://images.gitee.com/uploads/images/2020/0529/101300_8d254ed7_1386281.png)


## 安装

推荐使用 npm 的方式安装，它能更好地和 webpack 打包工具配合使用。
```sh 
npm i zc-map --save
```

## 快速上手



### 二、调用组件库功能

如只需用到 `My` 其中的某些组件，可以在已有的项目工程中安装，并完成配置。步骤：

#### 1、安装组件库和相关插件

安装组件
```sh 
npm i zc-map --save
```

安装项目依赖插件
```sh 
npm i babel-plugin-component node-sass sass-loader --save-dev
```

#### 2、配置 `babel.config.js`

组件采用了按需加载，需要 在`babel.config.js` 加上插件，如：
```js  
module.exports = {
  presets: [
    '@vue/cli-plugin-babel/preset'
  ],
  plugins: [
    ...require('@xdh/my/core/babel.plugins')
  ]
}
```

#### 4、引用二维组件
到此，你可以开始引入组件开始编码了，如：
```html 

<template>
  <zc-map></zc-map>
</template>

<script>
  import {LhMap} from '$ui/map'
  export default {
    components: {
      LhMap
    }
  }
</script>
```

