这篇文章主要介绍“vue-amap引入高德JSAPI的原理是什么”，在日常操作中，相信很多人在vue-amap引入高德JSAPI的原理是什么问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”vue-amap引入高德JSAPI的原理是什么”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！在使用vue-amap时，main.js文件往往有这样一段代码：这段代码的关键就是initAMapApiLoader方法。看vue-amap源码，index.js 文件有如下代码（部分代码）：可见initAMapApiLoader方法是被vue-amap直接向使用者暴露的，我们研究其具体实现。接着我们到对应目录查看initAMapApiLoader的定义：initAMapApiLoader中使用到了lazy-amap-api-loader中定义的AMapAPILoader类，new了一个实例，并且调用了load()方法。下面我们就看一下AMapAPILoader类的定义：看长长的代码先折叠，了解大概下面就看load()方法：可以看到这段代码做了两件事情：（1）增加引入高德的script标签 ，script标签的src是通过 _getScriptSrc生成的 （2）引入AMapUI 组件库 ，通过调用loadUIAMap实现下面分别来看这两个方法：这段代码的作用就是最终要生成如下的字符串：从而可以在index.htm免费云主机域名l中加入这样的script, 这样就把高度地图的js-api引入了再来看loadUIAMap这段代码的作用是要在index.html文件中插入加载 AMapUI 的script标签，如下所示：到此，关于“vue-amap引入高德JSAPI的原理是什么”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注百云主机网站，小编会继续努力为大家带来更多实用的文章！
相关推荐: Android中的string.xml文件怎么使用
这篇文章主要讲解了“Android中的string.xml文件怎么使用”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“Android中的string.xml文件怎么使用”吧！1.在程序中获取string.xml中…
免责声明：本站发布的图片视频文字，以转载和分享为主，文章观点不代表本站立场，本站不承担相关法律责任；如果涉及侵权请联系邮箱：360163164@qq.com举报，并提供相关证据，经查实将立刻删除涉嫌侵权内容。
微信扫一扫 
