Meer

Klikresultate word in 'n sypaneel vertoon

Klikresultate word in 'n sypaneel vertoon


Ek probeer iets soortgelyk aan die interaktiewe choropleth-kaart (http://leafletjs.com/examples/choropleth.html) op die webblad van die pamflet doen.

In my geval wil ek 'n klik gebruik in plaas van 'n hover en wil ek die resultate in 'n sypaneel (dws aparte div) wys.

Kan iemand my op 'n voorbeeld wys of voorstel hoe ek dit kan doen?

UPDATE: Gebaseer op Bronco se antwoord:

Daardie deel verstaan ​​ek. Dit is hierdie brokkie wat ek moet verander, maar ek weet nie hoe nie:

var info = L.control (); info.onAdd = funksie (kaart) {this._div = L.DomUtil.create ('div', 'info'); // maak 'n div met die klas "info" this.update (); stuur dit terug._div; }; // metode wat ons sal gebruik om die beheer op te dateer gebaseer op funksie-eienskappe geslaagde info.update = funksie (rekwisiete) {this._div.innerHTML = 'Amerikaanse bevolkingsdigtheid' + (rekwisiete? "+ rekwisietnaam +" + rekwisiete. digtheid + 'mense / mi2': 'Beweeg oor 'n staat'); }; info.addTo (kaart);

U moet die kode net 'n bietjie verander. Kyk na hierdie funksie wat die luisteraars byvoeg:

funksie onEachFeature (funksie, laag) {laag.on ({muisopname: hoogtepuntFeature, // u moet hierdie muisuitgang verander: resetHighlight, klik: zoomToFeature}); } geojson = L.geoJson (stateData, {style: style, onEachFeature: onEachFeature}). addTo (kaart);

Waar ek die verandering gemerk het, kan u dit verander muis oor aan klik en dit moet die highlightFeature-funksie afvuur. U wil natuurlik die stroom verander klik gebeurtenis zoomToFeature na iets anders waarskynlik.

Ek het nie genoeg deur die kode gekyk om te sien of die hoogtepuntFeature funksie plaas die data in 'n aparte div, maar u moet die kode daarvolgens kan aanpas om die inligting te plaas waar u ook al wil.


Net hierop afgekom terwyl ek na leidrade vir 'n verdere taak gesoek het. Om dit vinnig te doen, volg wat Branco voorgestel het: verandermuis-oor:aanklik:en lewer kommentaar op diemuis uit:enklik:lyne.

Die voorbeeld waaraan u werk, is 'n stap verder as wat u soek: dit skep 'ndivop die kaart self vir gebruik as 'n infopaneel. As u op soek is na 'n ander element wat u buite die kaart gedefinieër het, het u eintlik nie eers die volledige inligtingbeheer nodig nie. U kan net so maklik doen wat u benodig in die onEachFeature >> laag.op >> klik ook op deel.

funksie onEachFeature (funksie, laag) {laag.on ({klik: funksie bevolk () {document.getElementById ('externaldiv'). innerHTML = "BLAH BLAH BLAH" + feature.properties.name + "
"+ feature.properties.description;}});}

In u html-liggaam moet u net seker maak dat uof wat ook al geplaas word waar u dit wil hê.

Hierdie demo bevat 'n eksterne

wanneer die gebruiker op 'n kaartfunksie klik: http://labs.easyblog.it/maps/leaflet-geojson-list/


Opsomming

Die huisdistrikte in Suidoos-Virginia sluit in Distrikte: 21, 64, 76, 77, 78, 79, 80, 81, 82, 83, 84, 85, 89, 90, 91, 92, 93, 94, 95, 96, 99, en 100.

Die ODU onAir Chapter bevat poste in die suidoostelike VA-streek.

Huidige posisie: Staatsafgevaardigde vir distrik 21 sedert 2018
Affiliasie: Demokraat

Kelly Fowler se lewe was nog altyd gewy aan die diens van ander. Sy het as 'n laerskoolonderwyser gewerk en besit haar eie klein makelaarsonderneming wat spesialiseer in militêre hervestiging en voorspraak vir gesinne. Sy is van kindsbeen af ​​'n inwoner van Virginia Beach en gee diep om vir haar gemeenskap.

Afgevaardigde Fowler ondersteun deursigtigheid en sal met integriteit dien en sal wetgewing ondersteun om te verseker dat ander dieselfde doen.