一、第一步
index.html 引入
<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=你的key&plugin=AMap.Geocoder,AMap.Autocomplete,AMap.PlaceSearch">
//plugin后面是你要用到的模块
二、第二步
webpack.base.conf.js 加如下代码
externals:{
'AMap': 'AMap'
}
三、第三步
使用
<div id="mapContainer" style="width:500px;height:500px"></div>
<div >
<span>地址</span>
<el-input v-model="address" id="tipinput" @keyup.enter.native="position"></el-input>
//enter键弹起的时候定位,并拿到经纬度
</div