如何使用Angular 4中的地理位置获取当前用户所在的城市

时间:2019-05-14 11:45:31

标签: angular location

我正在尝试使用以下功能获取用户当前所在的城市,但是在这里我得到的经纬度和lng附近的地址过多,因此如何获取用户的当前所在城市。 即使它也没有检测到正确的经纬度。

这是功能:

    getLocation1() {
  return new Promise((resolve, reject) => {
       if (navigator.geolocation) {
          navigator.geolocation.getCurrentPosition(position => {
               const lat = position.coords.latitude;
              const lng = position.coords.longitude;

              this.http.get("https://maps.googleapis.com/maps/api/geocode/json?key=MyApi_keygoeshere&latlng="+lat+","+lng+"&sensor=false")
                .map(response => response.json()).take(5).toPromise().then(result => {
                 debugger;

                    resolve(result);

                   localStorage.setItem('city', x)
                   console.log(localStorage)
                    console.log(result)
                }).catch(err => {
                  reject(err);
                });
          });
      } else {
          reject("Geolocation is not supported by this browser.");
      }
  });
}

我得到如下图所示的结果 enter image description here

请帮助我如何实现我真正想要的。 您的帮助将不胜感激 提前致谢。

0 个答案:

没有答案