获取目标城市的信息有两个步骤
- 在html引入script
<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=161b3fc4651933208ab2583b610628d8"></script>
- vue在生命周期得到数据
// 写在生命周期中
AMap.plugin('AMap.CitySearch', function () {
var citySearch = new AMap.CitySearch()
citySearch.getLocalCity(function (status, result) {
console.log(result.city); // 什么城市
})
})
上面的key在高德地图api接口控制台创建获取