Skip to content

功能

通过点击百度地图获取单个点位的经纬度

百度地图API类参考

WARNING

目前使用的百度AK秘钥为早期公开,目前的AK秘钥申请已经变动,申请地址

功能示例

展示区
结果
lng: 0, lat: 0

最小示例

vue
<template>
    <Wrapper>
        <ElButton @click="handleClick">打开</ElButton>
        <HDialogMapPoint
            v-model="result"
            v-model:visible="visible"
        />
    </Wrapper>
</template>

<script lang="ts" setup>
import { ref } from 'vue'
import { ElButton } from 'element-plus'
import Wrapper from '@/components/simple-wrapper.vue'
import HDialogMapPoint from '../index.vue'

const result = ref({ lng: 0, lat: 0 })
const visible = ref(false)

const handleClick = () => {
    visible.value = true
}
</script>

API