vue项目cli3环境下使用AMap进行定位城市

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

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

这样就可以获取所在城市的定位了
vue项目cli3环境下使用AMap进行定位城市_第1张图片

你可能感兴趣的