Recent Web technologies such as HTML5, JavaScript, and WebGL have enabled powerful and highly dynamic Web mapping applications executing on standard Web browsers. Despite the complexity for developing such applications has been greatly reduced by Web mapping libraries, developers face many choices to achieve optimal performance and network usage. This scenario is even more complex when considering different representations of geographical data (raster, raw data or vector) and variety of devices (tablets, smartphones, and personal computers). This paper compares the performance and network usage of three popular JavaScript Web mapping libraries for implementing a Web map using different representations for geodata, and executing on different devices. In the experiments, Mapbox GL JS achieved the best overall performance on mid and high end devices for displaying raster or vector maps, while OpenLayers was the best for raster maps on all devices. Vector-based maps are a safe bet for new Web maps, since performance is on par with raster maps on mid-end smartphones, with significant less network bandwidth requirements.

中文翻译：

---

评估三个流行的Web制图图书馆的绩效：使用阿根廷生活质量指数的案例研究

HTML5，JavaScript和WebGL等最新的Web技术已使功能强大且高度动态的Web映射应用程序可以在标准Web浏览器上执行。尽管Web映射库已大大降低了开发此类应用程序的复杂性，但开发人员仍面临许多选择，以实现最佳性能和网络使用率。当考虑地理数据（栅格，原始数据或矢量）和各种设备（平板电脑，智能手机和个人计算机）的不同表示形式时，这种情况甚至更加复杂。本文比较了三种流行的JavaScript Web映射库的性能和网络使用情况，这些库用于使用地理数据的不同表示形式并在不同的设备上执行以实现Web地图。在实验中 Mapbox GL JS在中高端设备上显示栅格或矢量地图时表现最佳，而OpenLayers在所有设备上均显示最佳栅格图。基于矢量的地图是新Web地图的安全选择，因为其性能与中端智能手机上的栅格地图相当，而对网络带宽的需求却少得多。