lzy-base

前端基础组件,依赖vue3,element plus

Node版本

18+

依赖安装

npm i lzy-base

在main.js文件中引入并使用插件

import lzyBase from 'lzy-base';
app.use(lzyBase)

插件包含的组件:LzyMapPosition

组件详细介绍：

LzyMapPosition组件：

功能：地图中点击选择位置，或者搜索地址，然后获取经纬度。

基本使用：

<template>
  <LzyMapPosition v-model:lng="pos.lng" v-model:lat="pos.lat">
  </LzyMapPosition>
</template>
<script setup>
import { ref } from 'vue';
const pos  = ref({lng: '', lat: ''})
</script>

API

1. 默认插槽,自定义选择位置按钮。(选填)
2. v-model:lng,选择位置的经度(必填)
3. v-model:lat,选择位置的纬度(必填)
4. model,type:Object,弹框相关属性配置,同el-dialog组件, :model={width:1000,title:'xxx',...} (选填)
5. map,type:Object,地图基础配置, 地图中心点默认是成都市中心,缩放级别默认是12, :map={height:500,center:[103,30],zoom:11} (选填)

代码示例：

<LzyMapPosition v-model:lng="pos.lng" v-model:lat="pos.lat" :map={height:500,center:[103,30],zoom:11} :model={width:1000}>
    <div>获取经纬度</div>
</LzyMapPosition>