Want to see the Baidu Maps team's technical insights, learn how top engineers tackle tough problems, or join the team? Follow the Baidu Maps Tech Team to get the answers you need.
This article explains the evolution from asm.js to WebAssembly, compares their performance, outlines implementation strategies—including AssemblyScript, hand‑written asm.js, and C/C++ compilation with Emscripten—and provides practical code examples and tips for integrating WebAssembly into web applications.
This article explains why native WebGL line drawing is insufficient for map engines and presents a shader‑based approach that splits lines into triangles, handles custom line widths, line joins, dash patterns, and anti‑aliasing to achieve consistent, high‑quality map rendering.
This article explains what overload means in server development, analyzes a concrete proxy overload case, identifies root causes, and presents a multi‑layer protection strategy—including self‑protection, downstream safeguards, concurrency control, and improved circuit‑breaker designs—to keep services stable under heavy traffic.
This article explains how Baidu Maps' WebGL engine implements real‑time lighting based on solar position, simulates atmospheric scattering using Rayleigh and Mie models, and renders the Milky Way on a celestial sphere, detailing the calculations, textures, and visual results.
This guide explains how to identify performance bottlenecks in WebGL applications by examining CPU and GPU workloads, using tools such as stats.js, Chrome DevTools, Web Tracing Framework, and offers concrete optimization strategies for shaders, draw calls, state changes, and resource management.
This article examines how texture dimensions, data formats, and compression techniques influence creation time, memory usage, and rendering performance in WebGL, offering practical guidelines for optimizing texture handling in web graphics applications.
This article explains why 32‑bit floating‑point numbers cause matrix and depth‑buffer precision issues in WebGL map rendering and presents three GPU‑based solutions, a sub‑coordinate system method, and JavaScript adjustments to eliminate visual jitter and Z‑fighting.
This article explains how to improve WebGL map performance by applying Google’s RAIL model, synchronizing updates with requestAnimationFrame, and using a task scheduler to defer non‑critical work, ensuring smooth frame rates and responsive interactions.
This article explores the architecture of a WebGL‑based map engine, detailing its core rendering pipeline, essential modules such as data handling, shader management, buffers, and event‑driven rendering loops, while highlighting performance considerations and best practices for efficient, on‑demand map visualization.
This article explains how Web Workers can off‑load heavy data processing in WebGL‑based map engines, covering worker creation, data serialization, transferable objects, optimal worker count, and real‑world performance gains, all illustrated with code snippets and diagrams.
