Skip to content

dialog-map-point

功能

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

百度地图API类参考

WARNING

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

功能示例

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

最小示例

vue
<template>
    <Wrapper>
        <ElButton @click="handleClick">打开</ElButton>
        <!-- 需要填写你自己的百度地图 AK 密钥 -->
        <VcDialogMapPoint v-model="result" v-model:visible="visible" ak="" />
    </Wrapper>
</template>

<script lang="ts" setup>
import VcDialogMapPoint from '../dialog-map-point.vue'

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

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

API