0
点赞
收藏
分享

微信扫一扫

jeecg vue 获取当前登录IP和地址

天悦哥 2022-02-18 阅读 50

调用百度api获取当前登录信息
index.html引入

<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=“此处是百度ak密钥"></script>

Bmap依赖请引入 yarn add bmap

在自己想要得到信息的vue中
定义渲染属性

	LocationProvince:"正在定位所在省",    //给渲染层定义一个初始值
    LocationCity:"正在定位所在市" ,    //给渲染层定义一个初始值

方法

//获取当前登录地点
      getAddressIp(){

        const geolocation = new BMap.Geolocation();

        let _this = this
        geolocation.getCurrentPosition(function getinfo(position){
          let city = position.address.city;             //获取城市信息
          let province = position.address.province;     //获取省份信息
          _this.LocationProvince = province
          _this.LocationCity = city
        }, function(e) {
          _this.LocationCity = "定位失败"
        }, {provider: 'baidu'});
      },

position结果
在这里插入图片描述

举报

相关推荐

0 条评论