2017-04-19 3 views
2

Ich möchte Objekte auf einer Karte in ihren genauen Abmessungen anzeigen.Broschüre Symbolgröße basierend auf Metern

Ich habe Referenzdaten über diese Objekte, die die Länge und Breite des Objekts in Metern enthalten, jetzt muss ich die Meter in Pixel für die Größe des Prospektsymbols basierend auf der Zoomstufe konvertieren.

var meterlength = 50; 
var meterwidth = 40; 

//convert meters to pixels 

var icon = L.divIcon({html:"<svg>..</svg>",iconSize:[xx,yy]}); 

Ich fand diesen https://github.com/makinacorpus/Leaflet.GeometryUtil/

GeometryUtils mit der Länge und Abstand Funktion, aber es funktioniert nicht bekommen konnte.

Irgendwelche Ideen? Vielen Dank !

EDIT:

Diese Antwort meines ursprüngliches Problem gelöst:

https://gis.stackexchange.com/a/198444

Aber ich bin sacling die Symbole auf der Karte zoomen die "zoomanim" Veranstaltung mit - leider den map.containerPointToLatLng () Methode gilt für die alte Zoomstufe nicht für die neue. Gibt es einen Workaround?

Antwort

0

Wenn Sie möchten, dass Ihr Bild die tatsächliche Größe des Objekts darstellt, sollten Sie besser einen L.imageOverlay anstelle eines Markers verwenden und versuchen, seine Größe basierend auf der Zoomstufe anzupassen.

Siehe https://gis.stackexchange.com/questions/171609/resize-divicons-svgs-at-zoom-levels-leaflet

Dann würden Sie die entsprechenden Koordinaten für Ihren Bild-Overlay Grenzen, nicht Pixel finden müssen.

Jetzt, wenn Sie wirklich möchten Sie Ihre Markersymbolgröße abhängig von der Zoomstufe ändern, haben Sie mehrere Beiträge zu SO und GIS SE, die dieses Thema abdecken.

z. Best way to make marker resizable in leaflet

+0

Ich habe meine Frage aktualisiert .. imageoverlay ist eine nette Idee, aber ich benutze divIcons und svg, ich dachte, es würde keinen Unterschied machen, sorry! – Ludi

+0

Für Bildüberlagerung mit SVG, siehe die JSFiddle Beispiele in den Kommentaren des 1. Links in der obigen Antwort. – ghybs

+0

http://jsfiddle.net/ve2huzxw/58/ Ich denke, du meinst das, meiner Meinung nach laden sie PNGs dort: o – Ludi

Verwandte Themen