Verwenden von WFS-Ebenen in LeafletJS

Question

Ich habe hier ein einfaches Git-Projekt (Link entfernt), das zeigt, wie ich Web Feature Service (WFS) Ebenen in Broschüre laden möchte. Demo hier (Link entfernt)

Mein Problem kommt, wenn ich auf die gezoomte Ebene zoome. Es sollten zwei Schichten vorhanden sein (Wells als blaue Marker und Landparzellen als weiße Polygone). Manchmal arbeiten die Pakete und manchmal tauchen sie nicht auf. Durch Umschalten des Zooms auf den maximalen Zoom können Sie die Ergebnisse reproduzieren.

Kann jemand einen besseren Ansatz sehen, der sowohl die Brunnen als auch die Parzellen laden lässt? Ich möchte mehr WFS-Layer laden.

Answer 1

Problem ist in Ihrem jsonp Callback - Sie verwenden den gleichen Funktionsnamen für alle Schichten und als Ergebnis gibt es eine Art Überschreiben von Daten.

es zu beheben, verwenden verschiedene Callback-Namen:

// For citiesDefaultParameters 
format_options : 'callback: getJson_cities', 

// For wellsDefaultParameters, use 
format_options : 'callback: getJson_wells', 

// For parcelsDefaultParameters 
format_options : 'callback: getJson_parcels', 

// In load_wfs function, use: 
$.ajax({ 
    ... 
    jsonpCallback: 'getJson_' + name,