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

4次阅读

共计 472 个字符，预计需要花费 2 分钟才能阅读完成。

第一步：
在 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)
        }
      })

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

正文完