Ionic: Reverse Geocoding

Question

I am integrating GPS Services into my application. I have added and injected the Cordova GPS plugin. I am able to retrieve the longitude and the latitude as shown on the ngCordova documentation on gps. This is my approach:

.controller('geoLocationCtrl', function($scope,$window) {
    $window.navigator.geolocation.getCurrentPosition(function(position){
        $scope.$apply(function(){
            $scope.lat = position.coords.latitude;
            $scope.lng = position.coords.longitude;
        })

        console.log(position);
    })
})

My challenge is how can I use the above to return the current address, state and country of the user.

Kevin Stewart · Accepted Answer · 2016-11-09 22:35:44Z

8

The process of turning a longitude and latitude into a human readable address is called Reverse Geocoding. Many map APIs support that like Google Maps and Here Maps. Here is how you can do it using Google Maps API

Add Google Maps JavaScript API

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&language=en"></script>

Query the API: here is an angular controller sample

app.controller('geoLocationCtrl', function($scope, $window) {
  $window.navigator.geolocation.getCurrentPosition(function(position) {
    $scope.$apply(function() {
      $scope.lat = position.Coordinates.latitude;
      $scope.lng = position.Coordinates.longitude;

      var geocoder = new google.maps.Geocoder();
      var latlng = new google.maps.LatLng($scope.lat, $scope.lng);
      var request = {
        latLng: latlng
      };
      geocoder.geocode(request, function(data, status) {
        if (status == google.maps.GeocoderStatus.OK) {
          if (data[0] != null) {
            alert("address is: " + data[0].formatted_address);
          } else {
            alert("No address available");
          }
        }
      })
      console.log(position);
    })
  })
});

edited Nov 9, 2016 at 22:35

Kevin Stewart

4096 silver badges16 bronze badges

answered Jan 18, 2016 at 9:23

Hisham

2,7461 gold badge17 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

8 Comments

Blaze Over a year ago

Using the above answer the application shows a white screen. See edited for the updated code.

Hisham Over a year ago

you have code errors in your snippet, first access the variables from $scope in this line var latlng = new google.maps.LatLng($scope.lat, $scope.lng); And you have a couple of missing brackets at the end. I will edit my answer with the full code

Blaze Over a year ago

No alert was triggered, whether address was returned or not returned but the long and lat displays

Hisham Over a year ago

can you debug the code and tell me where is it failing for you? do you get any response at all from the geocode call?

Hisham Over a year ago

with no errors in console? can you please elaborate on the behaviour you are facing so that I can help?

|

Community · Accepted Answer · 2017-05-23 12:34:40Z

0

you need to find out the address and other details using the lat and long values: How to get address location from latitude and longitude in Google Map.?

edited May 23, 2017 at 12:34

CommunityBot

11 silver badge

answered Jan 18, 2016 at 9:20

Sheetal

1,3661 gold badge9 silver badges15 bronze badges

Collectives™ on Stack Overflow

Ionic: Reverse Geocoding

2 Answers 2

8 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

8 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related