[英]How i pass latlon based on id in angular js google map
I am new in angular js. 我是angular js的新手。 I am trying to pass my json lat lon based on id in to google api.
我正在尝试将基于ID的json lat传递给Google api。 My json file structure.
我的json文件结构。
{
"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"
},
]
},
"id":"3",
"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 我的角度js代码
$http({method: 'GET', url: '/api/v1/asas}).success(function(data) {
$scope.deal = data.deals;
if(data.deals[0].hasOwnProperty("locations") && data.deals[0].locations!=null){
var location=$scope.deal[0].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[0].locations.length; i++) {
markers.push(createmarker(i, $scope.deal[0].locations[i]['location'], $scope.deal[0].locations[i]['latLon'],$scope.deal[0].locations[i]['address']))
}
$scope.markers = markers;
if(badBrowser){
$scope.rendermap=false;
}else{
$scope.rendermap=true;
}
}
});
Now it only pass 1st deals id location. 现在,它仅通过第一笔交易ID位置。 I try to make when some click on one deal then it pass that deals id locations(lat long).
我尝试在某笔交易中点击一下,然后通过交易交易ID位置(长)。 I am using angular js 1.2.23
我正在使用angular js 1.2.23
As i can see, you should use $scope.deal.locations.length;
如我所见,您应该使用
$scope.deal.locations.length;
in for loop instead $scope.deal[0].locations.length;
在for循环中改为
$scope.deal[0].locations.length;
But it would be much better if you provided JSFiddle with your problem. 但是,如果您向JSFiddle提供问题,那就更好了。
Fixed this problem .My code 解决了这个问题。我的代码
$scope.mapcall = function (deals) {
$scope.rendermap=false;
$scope.rendermapbtn=false;
if(deals.locations!=null){
$scope.rendermapbtn=true;
var location=deals.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 < deals.locations.length; i++) {
markers.push(createmarker(i, deals.locations[i]['location'], deals.locations[i]['latLon'],deals.locations[i]['address']))
}
$scope.markers = markers;
if(badBrowser){
$scope.rendermapbtn=false;
}else{
$scope.rendermapbtn=true;
}
}
};
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.