淘汰賽 - Google地圖標記過濾器

我正在創建一個默認顯示幾個標記的谷歌地圖。當用戶進入特定位置時，只有該位置的標記必須保留，其餘的作品必須消失。雖然標記和映射工作，過濾器的功能是不是working.My JS代碼如下：淘汰賽 - Google地圖標記過濾器

function inintMap() 
{ 

var map; 
var bounds = new google.maps.LatLngBounds(); 
var mapOptions = { 
    mapTypeId : 'roadmap' 
}; 

map = new google.maps.Map(document.getElementById('map'),mapOptions); 
map.setTilt(45); 

var locations = [ 
     ['London Eye, London', 51.503454,-0.119562], 
     ['Palace of Westminster, London', 51.499633,-0.124755] 
    ]; 



for (i=0; i < locations.length; i++) 
{ var position = new google.maps.LatLng(locations [i][1],locations [i][2]); 
bounds.extend (position); 
marker = new google.maps.Marker({ 
    position : position, 
    map : map, 
    title : locations [i][0] 
}); 


     map.fitBounds(bounds); 


} 



var vm = { 
    locations: ko.observableArray(locations) 
}; 


vm.query = ko.observable('') 
vm.search = function(value){ 

    vm.locations.removeAll() 

    for(var x in locations) { 
     if(locations[x].name.toLowerCase().indexOf(value.toLowerCase()) >= 0) { 
     viewModel.locations.push(locations[x]); 
     } 
    } 
    } 


vm.query.subscribe(vm.search); 
ko.applyBindings(vm); 
}

來源

2017-03-05 Saran

http://stackoverflow.com/questions/500504/why-is-using-for-in-with-array-iteration-a-bad-idea –

在控制檯中是否有任何錯誤？它以什麼方式不起作用？ –

vm.locations.removeAll()。從該代碼中，您甚至可以在搜索之前刪除所有位置。先搜索並將搜索到的位置放入另一個數組，然後您可以用新數組替換位置。

vm.search = function(value){ 
    var tempLocations = []; 
    for(var x in vm.locations()) { 
     if(vm.locations()[x].name.toLowerCase().indexOf(value.toLowerCase()) >= 0) { 
     tempLocations.push(vm.locations()[x]); 
     } 
    } 
    vm.locations(tempLocations); 
}

另外，還要注意的是指observablearrays的時候，你需要把它作爲調用的函數，不要忘記你的括號。

來源

2017-03-06 03:17:40 Adrian

淘汰賽 - Google地圖標記過濾器

回答

相關問題