maximale Anzahl von SVG-Elementen für den Browser in einer Karte
Ich erstelle eine Karte mit Flugblatt und d3. Auf einer Karte werden viele Kreise eingezeichnet. In Bezug auf die Browserkompatibilität ist zu erwarten, wie viele SVG-Elemente der Browser rendern kann. In Bezug auf die Benutzererfahrung würde ich es jedoch vorziehen, wenn der Benutzer so viele Elemente wie möglich auf der Karte sehen kann (andernfalls muss der Benutzer möglicherweise ständig vergrößern und verkleinern und muss warten, bis der Ajax Daten zurückgibt). Ich muss einige Optimierungen in Betracht ziehen (Benutzerwartezeit Benutzer vs. Server-Abfragelast vs. was der Browser verarbeiten kann).
Siehe Grafik, die Anzahl der Punkte, die der Server zurückgibt, ist derzeit begrenzt und daher wird nur ein Teil der Karte gefüllt.
Der Browser kann hier keine vollständig ausgefüllte Karte verarbeiten, und der Benutzer muss auch zu lange auf die Serverantwort warten.
Ich nehme an, dass das Problem, mit dem ich konfrontiert bin, durch die Beantwortung von zwei Fragen gelöst werden muss:
Gibt es einen Standard in Bezug auf das, was der durchschnittliche Browser in Bezug auf die Anzahl der einfachen SVG-Formen (Kreise) auf einer Karte verarbeiten kann?Was ist die beste Technik, um so viele Formen wie möglich auf der Karte anzuzeigen?Ich denke über die folgenden Punkte nach, bin mir aber nicht sicher, ob es helfen wird.
Verwenden Sie Quadrate anstelle von KreisenVerwenden Sie die Faltblatt-API anstelle des D3