Quello che sto cercando è un modo per enfatizzare una determinata area su una mappa di Google Maps ingrigendo il resto del mondo.
Ho sentito di una soluzione sull'uso di 2 poligoni di cui 1 è visibile e l'altro no e che funziona solo se la mappa è statica (nessun movimento della mappa). Tuttavia, voglio che l'utente sia in grado di ingrandire e trascinare la mappa.
Sono anche interessato ad altri modi in cui non ho pensato di enfatizzare un'area.
aggiornare:
Quando provo la soluzione pubblicata da radek (ovvero creando un KML con un poligono con un oggetto esterno (più grande della vista) e un oggetto interno (essendo un'area da sottolineare)) ho il problema che quando ingrandisco, le aree rettangolari non sono coperte da il poligono circostante più. Vedere:
Qualcuno con esperienza / soluzione a questo?
Update2:
Finalmente ho avuto il tempo di testare la soluzione di radek utilizzando Google Fusion Tables. All'inizio ho avuto gli stessi problemi con le tessere mancanti come con KML (vedi foto sopra), ma dopo un altro carico sembra che fosse stato raccolto e mostrasse le tessere totalmente corrette. Ho la sensazione che l'hack jquery nella sua soluzione fosse pensato per le tessere che non venivano caricate:
setTimeout(function(){
$("img[src*='googleapis']").each(function() {
$(this).attr("src",$(this).attr("src")+"&"+(new Date()).getTime());
});
}, 5000);
Dato che le tessere sembravano caricarsi dopo un aggiornamento, non ho usato l'hack da solo. Se il bug si verifica per ogni nuovo utente, lo sperimenterò.