Vairāk

Meklēšanas spraudņa aktivizēšana, izmantojot JS brošūru

Meklēšanas spraudņa aktivizēšana, izmantojot JS brošūru


Mēģinu pievienot šo spraudni, lai meklētu GeoJSON failu, kuru esmu atvēris brošūras Javascript: http://labs.easyblog.it/maps/leaflet-search/examples/geojson-layer.html

Esmu ievedis meklēšanas js un css failus un tos izsaucis, vienkārši nesaprotu sintaksi, lai to iekļautu esošajā skriptā.

Šeit ir skripts, kas tam jāspēj meklēt (lauks ir Sheet_Numb):

$ .getJSON ("Syriashape.json", funkcija (dati) {// pievienojiet GeoJSON slāni un uznirstošos logus kartē, kad fails ir ielādēts. L.geoJson (dati, {style: function (feature) {return {};}, onEachFeature: funkcija (funkcija, slānis) {layer.bindPopup (feature.properties.Sheet_Numb + "
"+" "+ feature.properties.LOC_Catalo);}}). addTo (karte);});

Es zinu, ka man kaut kur jāpievieno:

map.addLayer (featuresLayer); var searchControl = new L.Control.Search ({layer: featuresLayer, propertyName: 'name', circleLocation: false}); searchControl.on ('search_locationfound', funkcija (e) {e.layer.setStyle ({fillColor: '# 3f0', krāsa: '# 0f0'}); if (e.layer._popup) e.layer.openPopup ( );}). on ('search_collapsed', funkcija (e) {featuresLayer.eachLayer (funkcija (slānis) {// atjaunot funkcijas krāsu featuresLayer.resetStyle (slānis);});}); map.addControl (searchControl); // inizializēt meklēšanas vadību

Jums ir jāpiešķir savs L.geoJson slānis nosauktajam mainniekam ārpus funkcijas getJSON, lai tam piekļūtu, izmantojot vadības elementus. Vispirms izveidojiet to bez jebkādiem datiem, kā arī jebkuras iespējas, kuras vēlaties izmantot funkcijām:

// izveidojiet tukšu geoJson slāni, kas tiks aizpildīts vēlāk // Šeit var norādīt stilus, uznirstošos logus un citas slāņa opcijas iezīme, slānis) {layer.bindPopup ("Lapas numurs:" + feature.properties.Sheet_Numb + "
"+" Kataloga ieraksts: "+""+ feature.properties.LOC_Catalo +""); } });

Tad jūs varat izmantotaddDatalai to aizpildītu ar datiem no faila:

$ .getJSON ("Syriashape.json", funkcija (dati) {// pievienojiet GeoJSON datus slānim un pievienojiet kartei, kad fails ir ielādēts syriaLayer.addData (dati) .addTo (karte);});

Pēc tam, kad esat definējis syriaLayer, varat uz to (un Sheet_Numb) atsaukties, izveidojot meklēšanas vadīklu:

var searchControl = new L.Control.Search ({layer: syriaLayer, propertyName: 'Sheet_Numb', circleLocation: false});

Šis ir darbīgs vijolnieks, kas meklē pēc stāvokļa, izmantojot datus no piemēra, uz kuru esat saistīts:

http://fiddle.jshell.net/nathansnider/ma33L8hx/


Skatīties video: Jauns dc-dc pārveidotājs 200 W l ENG SUBS LPS vai lādētāja testēšanā