how i pass nested json array object in angular js google map

Question

I am new in angular js .I am trying to pass my json lat lon data in to goole api .My json file structure

{
 "totalCount":206,
  "deals":[{
       "id":"2",
       "Name":"samir",
       "locations":[{
         "location":"Mundhwa Gaon",
         "address":"Mundhwa Gaon, North Main Road, Pune - 411 001",
          "latLon":"18.53918870,73.90790910"
          },
          "location":"Mundhwa Gaon",
          "address":"Mundhwa Gaon, North Main Road, Pune - 411 001",
          "latLon":"18.53918870,73.90790910"
          },
        ]

   }]
}

My angular js code

$http({method: 'GET', url: '/api/v1/asas}).success(function(data) {             
            $scope.deal = data.deals;               
            if(data.deals.hasOwnProperty("locations") && data.deals.locations!=null){           

                var location=$scope.deal.locations[0]['latLon'];
                var locationlatlong=location.split(",");
                $scope.map = {center: {latitude: locationlatlong[0], longitude: locationlatlong[1] }, zoom: 4 }
                $scope.options = {scrollwheel: false};
                var markers = [];
                for (var i = 0; i < $scope.deal.locations.length; i++) {
                    markers.push(createmarker(i, $scope.deal.locations[i]['location'], $scope.deal.locations[i]['latLon'],$scope.deal.locations[i]['address']))
                }
                $scope.markers = markers;
                if(badBrowser){
                    $scope.rendermap=false; 

                }else{                      
                    $scope.rendermap=true;      

                }
            }                               
        });

But my if condition not working because of they don't get value . I am using angular js 1.2.23

Are you sure success is even being called?

Jeff Cross
– Jeff Cross

2014-09-18 05:44:21 +00:00
Commented Sep 18, 2014 at 5:44 — Jeff Cross
– Jeff Cross, Commented Sep 18, 2014 at 5:44

Paul · Accepted Answer · 2014-09-18 06:11:11Z

1

The deals is an array where each element of the array is an object containing the fields for one deal, you should use a loop over data.deals[i] to access the data for the i-th deal.

edited Sep 18, 2014 at 6:11

Paul

27.7k13 gold badges90 silver badges127 bronze badges

answered Sep 18, 2014 at 5:46

zs2020

54.6k30 gold badges157 silver badges223 bronze badges

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

Comments

Jeff Cross · Accepted Answer · 2014-09-18 05:47:59Z

1

Your if condition is checking if the deals array has a property of "locations," which it does not. The first object in the deals array has a property of "locations." You would either want to iterate over the deals array and run each item through your condition:

data.deals.forEach(function(deal) {
  if (deal.locations)...

or just check the first item:

if(data.deals[0].locations ...

answered Sep 18, 2014 at 5:47

Jeff Cross

1881 silver badge2 bronze badges

1 Comment

Himanshu Bhuyan Over a year ago

Is it possible to pass latlon base on deal "id" ?

Collectives™ on Stack Overflow

how i pass nested json array object in angular js google map

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related