VUE AMAP是一款基于vue.js和高德地圖的組件庫，它為開發者提供了豐富的地圖可視化組件和API，幫助開發者在自己的vue項目中快速集成高德地圖。

其中，VUE AMAP ICON組件是一款用于在地圖上添加自定義圖標的組件，可以為地圖上的POI（興趣點）等元素添加個性化的標志性圖標。今天，我們就來介紹一下VUE AMAP ICON組件的使用方法。

// 安裝vue-amap
npm i -S vue-amap
// 引入vue-amap和vue-amap-icon
import VueAMap from 'vue-amap'
import VueAMapIcon from 'vue-amap-icon'
// 注冊vue-amap和vue-amap-icon
Vue.use(VueAMap)
Vue.use(VueAMapIcon)
// 初始化vue-amap，并設置key
VueAMap.initAMapApiLoader({
key: 'yourKey',
plugin: ['AMap.Scale', 'AMap.OverView', 'AMap.ToolBar', 'AMap.MapType']
})

在代碼中，我們首先引入了vue-amap和vue-amap-icon，并且注冊了它們，然后通過初始化vue-amap并設置key來實現地圖的加載。

在實際的代碼中，我們可以在vue的模板中使用vue-amap-icon組件，通過設置position、icon和offset屬性實現在地圖上的圖標添加。其中，position屬性用于設置圖標的經緯度位置，icon屬性用于設置圖標的圖片鏈接地址，并且我們還可以使用offset屬性來對圖標進行微調。

總的來說，VUE AMAP ICON組件是一款十分實用的組件，它可以幫助我們在vue項目中快速集成圖標元素并且實現個性化定制。如果你是一個vue開發者并且需要在你的項目中集成高德地圖相關的功能，那么VUE AMAP ICON組件絕對值得你嘗試。