基于矢量瓦片技术的Web电子海图优化方法

传统的基于栅格瓦片技术生产的Web电子海图虽解决了跨浏览器显示的问题,但其显示速度、渲染效果及交互能力仍无法满足现在用户的需求。为了实现Web电子海图的大规模应用,针对栅格瓦片技术支持的下电子海图中存在的缺陷,提出基于开源地图服器Geoserver与地图可视化JS库Leaflet的矢量瓦片技术优化方案,包括海图数据预处理、矢量切片的制作、矢量瓦片数据多样式显示及矢量瓦片数据要素查询等,通过在实验室海洋信息展示平台中的验证与测试,实现了矢量电子海图数据在Web页面上的多样式灵活显示及交互功能,证实了优化方案的可行性及高效性,整体提升了Web海图服务的效率。

Electronic chart optimized method based on the vector tiles technology

Although traditional electronic charts based on the grid tile technology solve the problem of cross-browser display, its display speed, rendering effect, and interactive capabilities still cannot meet the needs of current users. To achieve the large-scale application of web electronic charts and make up for defects in the lower electronic charts supported using the grid tile technology, this study proposes a vector tile technology optimization scheme based on the open source Geoserver (a map server) and Leaflet (a map visualization JS library). These include chart-data preprocessing, vector-slice production, vector-tile data multistyle display, and vector-tile data element query. Through verification and testing in the laboratory marine information display platform, this scheme has realized the multistyle flexible display and interaction of vector electronic chart data on the web page. Finally, the feasibility and efficiency of the optimization scheme was confirmed and the overall efficiency of the web chart service was improved.