This article walks through building a single‑page tourism dashboard using Vue 3 and ECharts, covering project setup, technology stack, map rendering with geojson, layered map effects, custom numeric fonts, carousel implementation, and future plans for a Node‑based backend management system.
This article explains why the official web map built with Leaflet suffers from poor performance, how using CanvasKit (Skia compiled to WebAssembly) together with @use-gesture and popmotion dramatically improves rendering speed and interaction smoothness, and provides a complete implementation and component wrappers for Vue and React.
At the Global Front‑End Technology Conference, Amap’s senior expert Wang Qianwei will present “Practical Engineering of 3D Map Rendering Based on GLES,” discussing mobile and automotive rendering challenges, cross‑platform architecture, data compression, OpenGL performance tuning, fast‑iteration toolchains, and future Metal and Vulkan graphics directions.
