vue-amap高德地图定位以及文本标注
因要求需实现在地图的定位以及该定位的文本标注,所有我看了一下实现的方式有哪些。最后选择了用现成的 vue-amap高德组件 去实现。
实现效果如图:

实现过程很简单:
1.到 高德开发者平台 申请key

2.安装vue-amap(官方推荐 npm 安装)
npm install vue-amap --save
3.使用组件调用地图
在main.js引入vue-amap地图组件:
import VueAMap
因要求需实现在地图的定位以及该定位的文本标注,所有我看了一下实现的方式有哪些。最后选择了用现成的 vue-amap高德组件 去实现。
实现效果如图:

实现过程很简单:
1.到 高德开发者平台 申请key

2.安装vue-amap(官方推荐 npm 安装)
npm install vue-amap --save
3.使用组件调用地图
在main.js引入vue-amap地图组件:
import VueAMap
3005
2469
1158