美文网首页
前端(2)在Vue中引入高德API

前端(2)在Vue中引入高德API

作者: 仙人掌开不了花 | 来源:发表于2019-03-07 17:25 被阅读0次

遇到好几次了,每一次都忘记很重要的一步,导致我的项目一直报错,无法启动,让我很是糟心。逼不得已,赶紧记下来怎么做。

第一步:在index.html中或者.Vue页面中引入API

<script src="http://webapi.amap.com/maps?v=1.4.8&key=你的Key&plugin=AMap.Autocomplete"></script>

第二步:在build/webpack.base.conf.js 加入如下配置

externals: {

  'AMap': 'window.AMap'

  },

第三步:在js中引入AMap

import AMap from "AMap";

然后就可以随心所欲的使用AMap了,吼吼

相关文章

网友评论

      本文标题:前端(2)在Vue中引入高德API

      本文链接:https://www.haomeiwen.com/subject/cnlhpqtx.html