VUE-AMAP是一个映射组件库，封装在Gaode Map JS API中，适用于VUE项目。使用了作者开发的项目。与使用GAODE MAP JS API相比，VUE-AMAP更有用，这与VUE开发人员的编程习惯一致。本文分析了通过VUE-AMAP源代码介绍GAODE JS API的原理。
使用vue-amap时，main.js文件通常具有这样的代码：
该代码的关键是initamapapiloader方法。
查看vue-amap源代码，index.js文件具有以下代码（某些代码）：
可以看出，vue-amap直接向用户暴露了intamapapiloader方法。我们研究其特定的实施。
然后，我们转到相应的目录以检查initamapapiloader的定义：
在initamapiloader中，懒惰 - amap-api载荷定义的amapapiloader类用于具有实例并调用load（）方法。
让我们看一下Amapapiloader类的定义：
查看长代码并首先折叠。
让我们看一下load（）方法：
您可以看到此代码做了两件事：（1）添加了Gaode的脚本标签的引入。脚本标签的SRC由_getScriptSrc（2）Imapui组件库生成，并通过调用loadUiamap来实现实现
让我们看以下这两种方法：
该代码的作用是最终生成以下字符串：
可以将其添加到index.html中以添加此类脚本，以便将高地图的JS-API引入
看看LoadUiamap
该代码的作用是插入加载和加载的脚本标签。html文件，如下所示：
在一个单词中，VUE-AMAP的原理引入了Gaode Map API：VUE-MAP可以使用GAODE MAP的JS API和AMAPUI，因为引入JS API和AMAPUI的脚本标签并将标签插入项目的HTMLDOCUMEMEN中。
原始：https：//juejin.cn/post/7103733273573982245