Vue 引入AMap高德地图的实现代码
本文代码仅针对VueCLI3.x生成的项目有效,但是在第二步配置的时候,可以直接配置webpack.externals,所以本引入思路是通用的,并不局限于该项目
资源
AMap准备-入门教程
引入AMap
在public/index.html文件
前引入
配置Webpack
项目根目录新建配置文件vue.config.js,填入内容:
module.exports={ configureWebpack:{ externals:{ AMap:"window.AMap" } } };
在项目中使用
新建Index.vue文件,填入内容:
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持毛票票。