Leaflet.js i geoJson na warstwach

[alcapon 0]

Witam.

Mam sporo markerów w pliku geoJson, fragment pliku z danymi geoJson

 

 

var miedzychodWys = {
  "type": "FeatureCollection",
  "features": [
{"type": "Feature","properties": {"popupContent": "Rp=AF9392<hr>X=5831634.37<br>Y=5563404.94<br>HKronsztadt=35.271"},"geometry":{"type": "Point","coordinates": [15.936165, 52.614059]}},
{"type": "Feature","properties": {"popupContent": "Rp=AF9393<hr>X=5831942.49<br>Y=5564288.18<br>HKronsztadt=35.729"},"geometry":{"type": "Point","coordinates": [15.949264, 52.616724]}},

 

 

Są dwa różne pliki z danymi geoJson:

miedzychodWys.js

miedzychodPoz.js

 

których zawartość chciałbym umieścić na dwóch różnych warstwach tak aby można je było zapalać i gasić wg uznania.

Wiem jak załadować pliki na mapę ale nie wiem jak przypisać ich zawartość do panelu po prawej stronie gdzie użytkownik może zapalać i gasić warstwy.

 

Korzystam z biblioteki do tworzenia map leaflet.js

 

Link do projektu w codePenie

https://codepen.io/alcapon30000/pen/LYVPdKZ

 

Jeśli ktoś potrafi pomóc będę wdzięczny.

[kretowicz 0]

Patrzyłeś w dokumentację?

Na szybko: https://leafletjs.com/reference-1.6.0.html#layergroup

[alcapon 0]

Tak patrzyłem. Ale za cienki jestem w te klocki.

[darkmartin 75]

var markerGroupLayer1 = L.layerGroup().addTo(mymap);

var markerGroupLayer2 = L.layerGroup().addTo(mymap);

 

markerGroupLayer1.addLayer(marker);

markerGroupLayer2.addLayer(marker);

 

var overlays = {

"Grupa1": markerGroupLayer1 ,

"Grupa2": markerGroupLayer2

}

 

 

L.control.layers(baseLayers, overlays).addTo(mymap);

 

Nie za dużo abyś sam się trochę nauczył

Edytowane 6 Marca 2020 przez darkmartin