H5获取用户所在城市 网页获取用户城市名称

<script src="http://api.map.baidu.com/api?v=2.0&ak=itxK6YP7wPbjXx55yhw7PdQ14HRVawPk"></script>

 

new BMap.LocalCity().get(res=>{

  console.log(res.name); //城市名称

})

        //百度地图获取城市名称的方法

        _this.prototype.getCurrentCityName = ()=> {

            return new Promise((resolve, reject)=> {

                let myCity = new BMap.LocalCity()

                myCity.get(result=> {

                    resolve(result.name)

                })

            })

        }

<template>

</template>

 

<script>

  export default {

    name: 'Home',

    data() {

      return {

        cityName:''

      };

    },

    mounted: function() {

      this.getCurrentCityName().then(city => {

        this.cityName = city;

        console.log(city); //城市名称

      })

    }

  }

</script>