ssc: Werte aus einer .json können wie sortiert dargestellt werden?

Beitrag lesen

Hallo Zusammen,

ich habe eine Anwenderliste (.json) welche mehrere "properties" (wie Name, Firma, Adresse) enthält. Der Name aus dieser .json wird abgerufen und in einem Overlay als Liste dargestellt. Klickt man auf einen Namen, wird diese Person in einer Karte angezeigt.

var stickyOverlayElement = document.getElementById('sticky-overlay');

var stickyOverlay = new ol.control.Control({element: stickyOverlayElement});

map.addControl(stickyOverlay);

  vectorSource.once('change',function(e){
    vectorSource.forEachFeature(function(feature) {
      // copy template for each feature and add text
      var listTemplate = jQuery('#list-template').clone();
      listTemplate.find('.name').text(feature.get('name'));
      listTemplate.find('.firma').text(feature.get('firma'));
      // add coordiantes and click function to more text link
      listTemplate.find('.detail-info')
	  .data('coordinates', feature.get('geometry').getCoordinates());
      listTemplate.find('.detail-info').click(function() {
        map.once('moveend', function() {
          showPopUp([feature]);
        });
        var coordinates = $(this).data('coordinates');
        map.getView().setCenter(coordinates);
        map.getView().setZoom(15);
      });
      // add finished template to html overlay
      jQuery(stickyOverlayElement).append(listTemplate);
      // show template after it was added
      listTemplate.show();
    });
  });

Meine Frage: Wie bekomme ich es hin, dass die Anwenderliste alphabetisch sortiert dargestellt wird. Denn in die .json werden nach und nach neue Anwender hinzugefügt.

Vielen Dank.