关于vue.js:vue项目cli3环境下使用AMap进行定位城市

第一步:
在index.html中引入,放在body下面:

<script type='text/javascript' src='https://webapi.amap.com/maps?v=1.4.13&key=你本人的key&plugin=AMap.CitySearch'></script>

第二步在vue.config.js中:

configureWebpack: {
    externals: {
      'AMap': 'AMap'
    }
}

第三步应用的页面中引入并应用:
import AMap from 'AMap'

const citysearch = new AMap.CitySearch()
      citysearch.getLocalCity((status, result) => {
        if (status === 'complete' && result.info === 'OK') {
          if (result && result.city && result.bounds) {
            console.log(result)
          }
        } else {
          console.log(result.info)
        }
      })

这样就能够获取所在城市的定位了

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理