【Vue插件】Vue-amap:基于vue-cli2.0与高德地图的使用

Mr.Plum

于 2020-07-23 17:37:01 发布

阅读量625

点赞数

CC 4.0 BY-SA版权

分类专栏： Vue 文章标签： vue

15 篇文章 ¥9.90 ¥99.00

订阅专栏

本文介绍了如何在Vue项目中使用vue-amap插件集成高德地图，包括npm安装、在main.js中引入、设置地图Key以及展示地图、标注点、自定义图标、信息窗口和区域覆盖等功能的实现，通过实例Demo展示了具体效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

npm安装

npm install vue-amap --save

main.js

import Vue from 'vue'
import VueAMap from 'vue-amap'
import App from './App.vue'

Vue.use(VueAMap)
VueAMap.initAMapApiLoader({
   
   
  key:

了解本专栏