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

使用说明