Javascript 如何使用angularjs过滤google地图标记?

Javascript 如何使用angularjs过滤google地图标记?,javascript,angularjs,google-maps,google-maps-api-3,google-maps-markers,Javascript,Angularjs,Google Maps,Google Maps Api 3,Google Maps Markers,.controller('MapCtrl'[ “$scope”、“$http”、“$location”、“$window”、“$filter”、“$ionicLoading”、“$compile”、“$timeout”、“$ionicPopup”, 函数($scope、$http、$location、$window、$filter、$ionicLoading、$compile、$timeout、$ionicPopup){ $scope.favoriteStore=''; $scope.Store

.controller('MapCtrl'[
“$scope”、“$http”、“$location”、“$window”、“$filter”、“$ionicLoading”、“$compile”、“$timeout”、“$ionicPopup”,
函数($scope、$http、$location、$window、$filter、$ionicLoading、$compile、$timeout、$ionicPopup){
$scope.favoriteStore='';
$scope.Storetype=[{
名称:“诺基亚”
}, {
名称:“三星”
}];
$scope.submit=函数()
{
如果($scope.favoriteStore=='Nokia'){
警报($('#nokia').val());
}否则{
警报($('#samsung').val());
}
}  
$http.get('*****').success(函数(数据、经销商、响应){
函数初始化(){
var serverData=数据;
$scope.locations=[];
对于(var i=0;i

  • {{store.name}
内部服务 外部服务 定期服务和维护 软件问题与更新 硬件问题

内部服务 外部服务 定期服务和维护 软件问题与更新 硬件问题 其他服务




















//
我有一个答案,但它是纯js的,您可以通过单选按钮过滤标记

我在俄罗斯门户网站上回答了这个问题

谷歌翻译:

标记在myMarkers对象中分为多个组,每个键是组的名称,每个值是组对象,其中键是标记头,值是标记坐标

在每个组中都可以有选项,在选项中可以设置将应用于每个组标记的任何参数,在本例中,选项中有图标和动画

googleMarkers对象的结构类似于myMarkers,但它包含Google markers对象,而不是它们的描述,该对象填充在setMarkers函数中

单选按钮通过data-*属性绑定到组,这允许您为元素使用任意id。最初,将显示与选中的单选按钮相关的标记。带有data marker=“showall”的单选按钮显示所有元素

其余部分应该可以理解,代码中有注释,使用ES2015

let map,googleMarkers={}//
const radios=document.querySelectorAll('input[type=radio][data marker]”)
常量myMarkers={//öПаааааааа
第一:{
“标题1”:[52.4357808,4.9913156999973],
},
第二个:{//ицццццццц
选项:{//
图标:'http://maps.google.com/mapfiles/ms/icons/green-dot.png' 
}, 
“标题2”:[52.4357808,4.9813156999973],
“标题3”:[52.4555687,5.0392315999994],
},
第三:{
选项:{