The problem of vehicle loading and display of large amount of data map (based on Baidu map)

Logistics industry, monitor vehicle trajectory and location.

use Baidu Maps

slightly stutter occurs when the page loads more than 500 cars.

when loading more than 1000 vehicles, the map drag and zoom function is almost invalid, and the stutter is very serious

.

do you have any good solutions

  1. aggregate display is not good
  2. loading vehicle positioning data has been optimized to minimize the data size, loading only the vehicle number, latitude and longitude (5 decimal places), direction (angle 0,360)

I don"t know what other solutions to improve loading efficiency and optimization.

Javascript front-end Baidu-map
Mar.06,2021

use arcgis in the background to synthesize tiles and overlay on Baidu map;
can also use a third-party mapping engine, which is still smooth with maptalks drawing 3000 lines on Baidu map

using Echarts, I have achieved the line effect of about 3000 data, customization should be able to achieve the effect you want, efficiency leverage, my email dferic@foxmail.com, can be discussed together.
Baidu Maps many plug-ins are dom, data a little larger computer will not be able to handle, there is no particularly good way. Not long after climbing out of the pit

Previous: The problem of parsing matching Html tags in strings

Next: The implementation scheme of vue: generating route (dynamic route) according to the value from the background

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1e3c48c-64cba.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1e3c48c-64cba.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?