Feb 13, 2023 · Mobile Development

Hybrid Native Map and H5 Integration via WebView for Overseas Projects

The project replaces costly Google Dynamic Maps with a hybrid solution that overlays a transparent WebView on a native map component, using a JSBridge to route H5 events and native map interactions, dynamically managing hot‑zone data, thereby cutting service fees, boosting performance, and preserving H5 development flexibility.

HotzoneHybrid AppJSBridge

0 likes · 10 min read

Hybrid Native Map and H5 Integration via WebView for Overseas Projects

Meituan Technology Team

Oct 29, 2020 · Mobile Development

Hybrid Native Map and WebView Fusion Framework for Meituan Ride-Hailing

Meituan Ride‑hailing replaced its slow JavaScript map with a two‑layer Fusion Framework that places a full‑screen native Tencent map beneath a transparent WebView, uses hot‑region data to dispatch touches to the appropriate layer, and synchronizes UI via a Vue directive and JSBridge, dramatically speeding load times and delivering smoother map interactions.

AndroidGesture DispatchHybrid Development

0 likes · 17 min read

Hybrid Native Map and WebView Fusion Framework for Meituan Ride-Hailing