如何在Vue-Cli 3.0中配置高德地图实现地图功能？

本文共计633个文字，预计阅读时间需要3分钟。

Vue中使用高度地图主要有两种方式：一是vue-amap组件，二是直接使用第三方库。vue-amap组件由官方维护，访问官网获取更多信息：[vue-amap官网](https://elemefe.github.io/vue-amap/)。

vue 中使用高德地图有两种方式

一、vue-amap 组件

官网： elemefe.github.io/vue-amap/#/

开始的时候是打算用这个组件做地图功能的，但是尝试之后存在些问题，所以就放弃了，可能是我的使用方式不对。我所遇到的问题：

1. 安装之后使用，始终提示跨域问题。

2. 页面刷新之后地图出不来，第一次进入页面时没问题。因为这两个问题所以放弃了这个组件的使用。我想可能是我哪个地方代码有问题。

二、直接引用高德地图 SDK

因为第一种方式尝试失败了，所以我选择了直接引用SDK的方式。使用这种方式没有出现方式一中存在的问题。