Vue Amap 是一個基于 Vue.js 2.x 和高德地圖 API 的開源組件庫。它可以讓開發者更加便捷地集成高德地圖到 Vue.js 項目中，提供了豐富的組件以及接口。

下面我們就來看一下一個 Vue Amap 的基本示例：

<template>
<div class="map-wrapper">
<a-map class="amap" :zoom="16">
<a-marker position="[116.397428, 39.90923]"></a-marker>
</a-map>
</div>
</template>
<script>
import { AMapManager } from 'vue-amap';
export default {
name: 'App',
components: {
AMapManager,
},
};
</script>
<style>
.map-wrapper{
height: 600px;
width: 100%;
}
.amap{
height: 100%;
width: 100%;
}
</style>

在上面的代碼中，我們首先在 `