朗慧地图应用类库
基于Openlayers的地图应用Vue组件。内置了百度、高德、天地图瓦片,并支持与方正、超图、山海经纬、航天精一等PGIS厂商对接。 包含文本、图形、html、热力图、轨迹回放等20个组件,支持与ECharts结合实现散点、飞行迁徙等基于地理位置的图表,满足项目常见需求。 使用者不需要有地图相关专业知识,甚至不需要写任何JS代码就能实现通用功能。
## 安装
推荐使用 npm 的方式安装,它能更好地和 webpack 打包工具配合使用。
```sh
npm i lh-map-vue --save
快速上手
可通过以下两种使用 My
二、调用组件库功能
如只需用到 My
其中的某些组件,可以在已有的项目工程中安装,并完成配置。步骤:
1、安装组件库和相关插件
安装组件
npm i element-ui @xdh/my --save
安装项目依赖插件
npm i babel-plugin-component node-sass sass-loader --save-dev
babel.config.js
2、配置 组件采用了按需加载,需要 在babel.config.js
加上插件,如:
module.exports = {
presets: [
'@vue/cli-plugin-babel/preset'
],
plugins: [
...require('@xdh/my/core/babel.plugins')
]
}
4、引用二维组件
到此,你可以开始引入组件开始编码了,如:
<template>
<lh-map></lh-map>
</template>
<script>
import {MyMap} from '$ui/map'
export default {
components: {
MyMap
}
}
</script>