liuyunxi-amap
介绍
高德地图相关
<template>
<div style="padding: 50px">
<div>地图标点</div>
<YxAmapPoint v-model:value="val" @change="handleChange" />
<div>地图围栏</div>
<YxAmapFence v-model:value="fence" @change="handleChange1"></YxAmapFence>
</div>
</template>
<script setup lang="ts">
import { ref } from 'vue'
const val = ref({
adcode: '110101',
address: '北京市东城区东华门街道中山公园',
lnglat: '116.396178, 39.910452',
})
const fence = ref('')
const handleChange = (v: string) => {
console.log(v)
console.log(val.value)
}
const handleChange1 = (v: string) => {
console.log(v)
console.log(fence.value)
}
</script>
<style scoped lang="less"></style>
软件架构
vue@3
ant-design-vue@3.2.17
安装教程
yarn add @liuyunxi/amap