Daha çox

Vərəqə geoCSV Popup Fərdiləşdirmə


CSV məlumatlarını xəritə çərçivəsinə gətirmək üçün hazırda broşura geoCSV plaginindən istifadə edirəm.

Yalnız CSV-nin müəyyən xüsusiyyətlərini və fərqli adları göstərmək üçün açılan pencereyi özelleştirebilmek üçün mübarizə aparıram. Bankias Nümunəsindən istifadə popup hazırda CSV içindəki başlıqları istifadə edərək bütün atributları nəzərdən keçirmək üçün aşağıdakı skriptdən istifadə edir.

var popup = "; for (var clave in feature.properties) {var title = bankias.getPropertyTitle (clave); popup + = ''+ başlıq +'
'+ feature.properties [clave] +'

'; } layer.bindPopup (popup);

Problemim ondan ibarətdir ki, CSV içindəki başlıqları verilənlər bazasından ixrac edildiyi üçün dəyişdirə bilmirəm, buna görə yuxarıdakı skriptdə onları əl ilə dəyişdirməliyəm.

Bankias nümunəsindən istifadə edərək CSV-də dəyişdirmədən yalnız "Localidad" və "Provincia" atributlarını göstərmək və başlıqları "locality" və "vilayət" olaraq dəyişdirmək olardı?


Təsvir etdiyiniz kimi xüsusi bir popup məzmununun yaradılmasında xüsusi bir çətinlik olmamalıdır.

Yalnız hiylə düymələrin olduğunu qeyd etməkdirxüsusiyyət.xassələriCSV ilk sətrinizdən alınır (seçim istifadə edildikdəfirstLineTitlesqeyd olunan nümunədə olduğu kimi), lakin alt korpuslu və alt boşluqlarla əvəzlənmiş ağ boşluqlarla (_).

Beləliklə, "Localidad" məlumatlarından istifadə edilə bilərfeature.properties ["localidad"]misal üçün.

Sonra təsvir etdiyinizə bir kod kimi nail ola bilərsiniz:

var bankias = L.geoCsv (sıfır, {onEachFeature: function (xüsusiyyət, qat) {var popup = "; if (feature.properties [" localidad "]) {// alt kasalı popup + = 'yer
'+ feature.properties ["localidad"] +'

'; } əgər (xüsusiyyət.properties ["vilayət"]) {popup + = 'vilayət
'+ feature.properties ["vilayət"] +'

'; } layer.bindPopup (popup); }, pointToLayer: function (feature, latlng) {return L.marker (latlng, {icon: L.icon ({iconUrl: 'marcador-bankia.png "> http://plnkr.co/edit/YKfiYacRo4K1ie9CVq4d?p= önizləmə

Bu sizin üçün bir seçimdirsə, daha çox güclü CSV təhlili və daha çox nəzarət əldə etməyiniz üçün bu funksiyanı fərdi kitabxanalara (məsələn, AJAX tərəfindən CSV yükləmək üçün PapaParse) əsaslanaraq özünüz etməklə maraqlana bilərsiniz.