Mais

O folheto TimeSlider não mostra os pontos corretamente

O folheto TimeSlider não mostra os pontos corretamente


Estou tentando adicionar cerca de 13 mil pontos em um mapa usando o plugin TimeSlide, mas meus pontos não estão seguindo uma ordem lógica de aparência. Quando uso o controle deslizante, obtenho as datas na caixa abaixo em uma ordem arbitrária, estou tentando adicionar com base em uma progressão anual, sendo o primeiro ano 1985 e o último 2013. Aqui está o meu código:

// chamando o geoJSON var SaoPaulo = L.geoJson (SP_ResSinglePoint, {pointToLayer: function (feature, latlng) {var popupContent = "Ano de construção: "+ feature.properties.Timestrg; //console.log(popupContent); return L.circleMarker (latlng, Style (feature)). bindPopup (popupContent);},}); // Criar sliderControl var sliderControl = L.control .sliderControl ({position: "bottomright", layer: SaoPaulo, range: true, timeAttribute: "Timestrg", follow: true,}); // adicionar sliderControl ao mapa map.addControl (sliderControl); // inicializar sliderControl sliderControl .startSlider ()

Parte do meu json:

"features": [{"type": "Feature", "properties": {"ID": 15897, "Time": 2013, "Timestrg": "2013"}, "geometry": {"type": " Point "," coordinates ": [-46.793243, -23.691582]}}, {" type ":" Feature "," properties ": {" ID ": 7422," Time ": 2001," Timestrg ":" 2001 " }, "geometria": {"tipo": "Ponto", "coordenadas": [-46.800534, -23.687368]}

A documentação diz que tenho que alterar a propriedade de tempo para caber no meu projeto, acredito que usando otimeAttribute: "Timestrg",muda o atributo de tempo certo?

melhor,

Código atualizado com parte da minha solicitação geoJson.


Parece que você precisa pedir o geojson primeiro.

// obtém seus recursos geojson var featuresArray = geojson.features; featuresArray = featuresArray.sort (function (a, b) {return parseFloat (a.properties.Timestrg) - parseFloat (b.properties.Timestrg)}); var orderGeojson = {"type": "FeatureCollection", "features": []} orderGeojson.features = featuresArray; // inclui camada geojson var SaoPaulo = L.geoJson (orderGeojson)

Função de pedido retirada desta questão stackoverflow


Eu sei que faz quase um ano desde que esta questão foi postada, mas eu tive o mesmo problema e consegui resolvê-lo. Aqui está minha pergunta se você quiser ver.


Assista o vídeo: Leaflet. Работа с плагинами