Salve. Ho un problema
Nella mia mappa Google Maps vengono visualizzati dei marker che appartengono a due categorie: bar, ristoranti.
Questi marker, con tutte le specifiche, sono collegati ad un file php che prende i dati da un database.
Il file php genera un xml con tag <bar> o <ristoranti> al seconda della tipologia di markers.
Come posso creare un link che attivi una funzione che mostri nella mappa solo i marker con tag <bar>?
Ecco parte del codice:
function load () {
....
downloadUrl("phpsqlajax_genxml-bar.php", function (data) {
var xml = data.responseXML;
var markers = xml.documentElement.getElementsByTagName('allmarke rs');
for (var i = 0; i < markers.length; i++) {
var name = markers[i].getAttribute("name");
var address = markers[i].getAttribute("address");
var type = markers[i].getAttribute("type");
var point = new google.maps.LatLng(
parseFloat(markers[i].getAttribute("lat")),
parseFloat(markers[i].getAttribute("lng")));
var html = "<b>" + name + "</b> <br/>" + address;
var icon = markers[i].getAttribute("img") || {};
var marker = new google.maps.Marker({
map: map,
position: point,
icon: icon,
});
bindInfoWindow(marker, map, infoWindow, html);
}
});
}
Ho provato a mettere un ciclo if; i markers vengono filtrati ma c'è il reload della mappa. Quindi quando clicco la mappa torna nella posizione originale.
Come posso fare? Potete dirmi che codice inserire e dove perchè sono principiante con lo javascript..
La guida che ho utilizzato è questa:
https://developers.google.com/maps/articles/phpsqlajax_v3
grazieee