Comment filtrer Google Maps repères dans un tableau avec les sélectionner?
J'ai une carte google maps mises en œuvre dans mon site avec un tableau, comme ceci:
var gmarkers1 = [];
var markers1 = [];
markers1 = [
['0', 'Title', 52.4357808, 4.991315699999973],
['1', 'Title', 52.4357808, 4.991315699999973],
['2', 'Title', 52.4555687, 5.039231599999994],
];
Dans cet exemple il y a 3 marqueurs, mais en réalité, il ya beaucoup plus. Mon objectif, c'est la seule façon de le faire (un array).
Question: je veux être en mesure de filtre à l'intérieur de ce tableau avec une selectbox. Si un utilisateur sélectionne "voiture" à partir d'un select et Google Maps ne montre que les marqueurs d'une propriété (?) "voiture".
Les Marqueurs sont indiquées comme ceci:
for (i = 0; i < markers1.length; i++) {
var category;
var pos = new google.maps.LatLng(markers1[i][2], markers1[i][3]);
var content = markers1[i][1];
bounds.extend(pos);
marker1 = new google.maps.Marker({
position: pos,
map: map,
icon: image1
});
gmarkers1.push(marker1);
//[START]-Event listener to center view and go to position
google.maps.event.addListener(marker1, 'click', (function(marker1, content) {
return function() {
console.log('Gmarker 1 gets pushed')
infowindow.setContent(content);
infowindow.open(map, marker1);
map.panTo(this.getPosition());
map.setZoom(15);
}
})(marker1, content));
}
enter code here
Merci d'avance.
OriginalL'auteur remcomu19 | 2014-03-11