Mehr

Broschüre: Wie aktualisiere ich eine Polylinie? Live-Tracking

Broschüre: Wie aktualisiere ich eine Polylinie? Live-Tracking


var ColorVar = '#bd0026'; var firstpolyline = new L.Polyline(polyList, { color:ColorVar, weight: 8, opacity:0.8, smoothFactor: 1} ); focusId.addLayer(erste Polylinie); }

Beim Laden der Seite habe ich den obigen Code verwendet, danach möchte ich die Polylinie basierend auf den neuen Daten aktualisieren, ohne dass die Seite für das Live-Tracking-Konzept aktualisiert wird.


Ich bin mir nicht sicher, ob das das ist, was Sie suchen:

// Daten mit Ajax abrufen. Kann durch eine Schaltfläche, eine andere Benutzerinteraktion oder das Abrufen von Remote-Tracking-Daten ausgelöst werden $.get(url, {params}, function(response, { // Entfernen Sie bei Erfolg die alte Polylinie focusId.removeLayer(firstpolyline); // Aktualisiere die Polylinie polylist = response.polylist; var firstpolyline = new L.Polyline(polyList, {… } ); // dann füge die neue Polylinie wieder der Karte hinzu focusId.addLayer(firstpolyline); })

Für Ajax-Empfang hat @toms bereits eine großartige Antwort.

Zum Neuzeichnen von Polylinien wird addLatLng wahrscheinlich Ihren Anforderungen entsprechen.
Mach einfachpolyline = L.polyline([]).addTo(map);undpolyline.addLatLng([x, y]);wenn neue Daten kommen.


Schau das Video: Real-Time Interaction Between Maps with and JavaScript