vue里使用高德地图
Posted yuzihong
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue里使用高德地图相关的知识,希望对你有一定的参考价值。
一.发现vue-amap
发现vue-amap插件,优点是文档详细,易于上手
二.使用vue-amap
1 准备
在使用这个插件之前,首先需要申请高德地图的key。这个到官网就可以申请。申请过程就不叙述了。
2 安装vue-amap
npm包安装:npm install -s vue-amap
CDN安装:引入组件
3 引入vue-amap(这里以npm安装方式为例)
4 使用vue-amap
使用高德地图api,根据上面的demo使用
以上是关于vue里使用高德地图的主要内容,如果未能解决你的问题,请参考以下文章