Leaflet: Kopieren Overlay

Communities Deutschland (Germany)
1

Hallo zusammen,

ich nutze Leaflet, um Karten mit Overlays darzustellen. Das geht nach Vorlage relativ einfach.

	var meinOverlay = L.layerJSON({ 
					...
					})

Wenn man jetzt allerdings mehrere fast gleiche Overlays (nur andere Quelle) benötigt, so artet das in ein massives cut&paste aus. Das ist fehlerträchtig und nicht besonders wartungsfreundlich.
Daher würde ich gerne - ausgehend von einer gut gefülltenOverlay-Vorlage - diese einfach kopieren und die notwendigen Eigenschaften (z.B. ‘url’) zuweisen.
Direkt kopieren geht mit js nicht.
Also habe ich in den Weiten des Internets und der papiernen Literatur gesucht und habe dort zwar Einiges gefunden:

var copy = Object.assign({}, meinOverlay);
var copy = completeAssign({}, meinOverlay);
var copy = $(meinOverlay).clone();
var copy = Object.create(meinOverlay);
// jetzt die geänderte Eigenschaft zuweisen
copy.url='neue_url';
meinOverlay.addTo(map);

Leider hat bei mir keine dieser Techniken funktioniert.

Hat mir jemand einen guten und funktionierenden Tipp, wie man es machen kann ?

2

Wenn du jQuery verwendest, kannst du mal

var kopierterLayer = $.extend(true, {}, originaLayer);

probieren (erster Parameter von extend: wenn true, dann deep clone). Oder ohne den deep clone-Parameter.
Ausprobiert hab ich das nicht, ich erzeuge meine Layer meist per Definition und entsprechender function.

Edit: Kannst auch mal nach den Leaflet-eigenen “Utilities” schauen: http://leafletjs.com/reference-1.0.3.html#util Da gibt es L.util.extend(destination, source), damit sollte es eigentlich auch gehen…