Gibt es eine Möglichkeit, das Symbolbild abhängig von der Zoomstufe zu ändern? (Broschüre.js)

8

Ich mache ein Regionszeichnungswerkzeug für eine Webanwendung und ich verwende Marker als Anker, mit denen der Benutzer die Form eines Polygons ändern kann.

Das habe ich bisher. Ссылка

Das Repo ist in Ссылка

%Vor%

Ich möchte nur, dass die Markierungen normale Größe haben, wenn der Benutzer auf Straßenebene gezoomt wird. Wenn Sie auszoomen, überdecken die normal großen Markierungen das Polygon vollständig. Ich habe die Dokumente durchgesehen, konnte aber nichts darüber finden.

Ich suche hauptsächlich nach Vorschlägen / Brainstorming. Ich denke, vielleicht gibt es eine Möglichkeit zu erkennen, in welchem ​​Zoom-Zustand Sie sich gerade befinden. Wenn ja, könnte ich eine if-Anweisung verwenden, um das Symbol zu ändern.

    
Spencer Cooley 09.04.2012, 03:11
quelle

2 Antworten

12

Ok, also habe ich ein paar Methoden gefunden und bin dabei:

%Vor%

Die Methode setIcon () war nicht in der Dokumentation, ich fand sie in einem Google Forum und es funktionierte. Ich habe ein kleineres Symbol erstellt und ich ersetze im Grunde nur das ursprüngliche Symbol, wenn die Zoomstufe kleiner als 13 ist verschiedene Marker für unterschiedliche Zoomlevels zu implementieren, um den Markern einen weiteren Effekt zu verleihen.

Hier ist der überarbeitete Code.

%Vor%

Hier ist die Demo: Ссылка

    
Spencer Cooley 09.04.2012, 08:26
quelle
3

Sie können auch eine generische Klasse beim Zoomen ändern und die Änderung mit CSS vornehmen.

%Vor%

dann wäre dein CSS:

%Vor%

Ich benutze es, um den Namen meines Markers auszublenden, bis Sie über Level 10 hinaus gezoomt haben.

    
sidonaldson 30.09.2013 12:10
quelle

Tags und Links