Was ich suche, ist eine Möglichkeit, einen bestimmten Bereich auf einer Google Maps-Karte hervorzuheben, indem der Rest der Welt ausgegraut wird.
Ich habe von einer Lösung für die Verwendung von 2 Polygonen gehört, von denen eines sichtbar ist und das andere nicht. Es funktioniert nur, wenn die Karte statisch ist (keine Kartenbewegung). Ich möchte jedoch, dass der Benutzer die Karte zoomen und ziehen kann.
Ich bin auch an anderen Möglichkeiten interessiert, die ich nicht in Betracht gezogen habe, um einen Bereich hervorzuheben.
aktualisieren:
Wenn ich die von radek veröffentlichte Lösung ausprobiere (dh ein KML mit einem Polygon mit einem OuterBoundaryIs (größer als Ansicht) und einem InnerBoundaryIs (hervorzuhebender Bereich) erstellen), bekomme ich das Problem, dass beim Vergrößern rechteckige Bereiche nicht abgedeckt werden das umgebende Polygon mehr. Sehen:
Jemand mit Erfahrung / Lösung dafür?
update2:
Ich hatte endlich Zeit, Radeks Lösung mit Google Fusion Tables zu testen. Anfangs hatte ich die gleichen Probleme mit fehlenden Kacheln wie mit KML (siehe Bild oben), aber nach einem erneuten Ladevorgang schien es, als hätte es sich festgesetzt und die Kacheln zeigten sich völlig korrekt. Ich habe das Gefühl, dass der JQuery-Hack in seiner Lösung für Kacheln gedacht war, die nicht geladen wurden:
setTimeout(function(){
$("img[src*='googleapis']").each(function() {
$(this).attr("src",$(this).attr("src")+"&"+(new Date()).getTime());
});
}, 5000);Da die Kacheln nach einer Auffrischung zu laden schienen, habe ich den Hack selbst nicht benutzt. Wenn der Fehler bei jedem neuen Benutzer auftritt, werde ich damit experimentieren.
Wenn das von @radek veröffentlichte Tool Ihnen nicht weitergeholfen hat, gibt es ein anderes Tool, das nur die Funktionen von google.maps.Polygon verwendet: http://maps.vasile.ch/geomask/
Grundsätzlich folgt es dem Wicklungszahlenalgorithmus: Das Maskenpolygon (Universum) wird im Uhrzeigersinn digitalisiert und alle inneren Polygone werden gegen den Uhrzeigersinn digitalisiert. Http://en.wikipedia.org/wiki/Winding_number
quelle