vue中用高德地图根据经纬度在地图上显示一个定位点

在 Vue 中使用高德地图显示定位点，你需要做以下几件事：

1. 在项目中安装高德地图的 npm 包：

npm install --save amap-js-api

2. 在 main.js 中引入高德地图的库并初始化：

import AMap from 'amap-js-api'

AMap.initAMapApiLoader({
  key: '你的高德地图开发者密钥',
  plugin: ['AMap.Scale', 'AMap.OverView', 'AMap.ToolBar', 'AMap.MapType', 'AMap.Geolocation']
});

3. 在你的 Vue 组件中，使用高德地图提供的地图组件 `<el-amap>` 来显示地图：

<template>
  <el-amap :zoom="13" :center="center">
  </el-amap>
</template>

<script>
export default {
  data() {
    return {
      center: [116.397428, 39.90923]
    }
  }
}
</script>

4. 在地图中显示定位点，你可以使用高德地图提供的标记组件 `<el-amap-marker>`：

<template>
  <el-amap :zoom="13" :center="center">
    <el-amap-marker :position="center" />
  </el-amap>
</template>

<script>
export default {
  data() {
    return {
      center: [116.397428, 39.90923]
    }
  }
}
</script>

注意，上面的代码使用的是 Element UI 提供的高德地图组件，如果你使用的是其他组件库，可能需要使用其他的地图组件。

希望这些信息能帮助你。如果你有其他疑问，可以继续提问。