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里使用高德地图的主要内容,如果未能解决你的问题,请参考以下文章

【vue】在vue中使用高德地图API

高德地图在 vue 项目中的使用

vue使用高德地图和mars3d地图如何切换

vue3高德地图的下钻方法

vue+高德地图截图导出图片

vue加载高德地图(原生)