← Back
Home › Systems › Frontend and UI

map-tiles

vector map tile rendering

Mapbox GL, Protomaps

SystemTechniques · 15Primitives · 61 map-tiles CDN and edgecloud · medium: CDNs cache content in hundreds of PoPs near users, cutting latency and egress bills; edge compute runs small code there. Bandwidth price spreads 10x between providers.›Deterministic simulation testingdistributed · medium: Run the whole system in one thread under a seeded scheduler with simulated network, disk and clock, so every failure replays from its seed.›Primary-backup replicationdistributed · medium: One node orders all writes and ships them to standbys; the acknowledgement rule (none, one, all) sets what a crash loses, and an external arbiter decides who takes over.›Label placement collisiongeometry · medium: Place map labels and icons without overlap using a collision grid and prioritiesPolygon clippinggeometry · medium: Polygon intersection/union/difference (Weiler-Atherton, Martinez) for spatial predicatesPolygon tessellationgeometry · medium: Triangulate polygons with holes (ear clipping, earcut, monotone sweep)Stroke expansiongraphics · medium: Convert strokes to fill outlines: joins, caps, dashes, offset curvesR-treegeometry · low: A balanced tree of nested bounding boxes that indexes rectangles and points, answering window and nearest-neighbour queries by pruning whole subtrees.›LRU and CLOCKsystems · low: LRU evicts the least recently used entry via hash map plus linked list; CLOCK approximates it with a reference bit, so hits take no lock.›Delta encodingcompression · low: Store differences between consecutive values instead of the values, turning sorted IDs, timestamps and counters into small numbers that pack into few bits.›Varint (LEB128)compression · low: Variable-length integers in 7-bit groups with a continuation bit; small numbers take 1 byte, the wire format of Protobuf, WebAssembly and DWARF.›Hdr histogramdata-structures · low: Log-linear bucketed histograms with bounded relative error for latency percentilesLine simplificationgeometry · low: Douglas-Peucker and Visvalingam polyline simplificationMap projectionsgeometry · low: Web Mercator, UTM and equal-area projections, datums and coordinate transformsMap tile pyramidgeometry · low: Z/x/y tile pyramids, quadkeys and overviews for multi-resolution maps and imagerySpace filling curvesgeometry · low: Z-order/Morton (geohash) and Hilbert curves mapping multi-dimensional points to sortable keysVector tile encodinggeometry · low: Mapbox Vector Tile protobuf: zigzag-delta geometry commands, layers and feature attributesGlyph atlas cachinggraphics · low: Rasterize glyphs on demand into GPU texture atlases keyed by glyph, size and subpixel offsetGPU command buffersgraphics · low: Record GPU work as a flat list of commands on the CPU, submit it in batches, and reuse its memory through a ring of frames in flight guarded by fences.›Signed distance field renderinggraphics · low: Render glyphs and shapes from SDF or MSDF textures for crisp scalingProcess supervisionhardware-os · low: A parent process starts services, reaps their exits and restarts them under a delay and burst-limit policy, then stops them with SIGTERM before SIGKILL.›HTTP range requestsnetworking · low: Ask for byte offsets with Range and get a 206 slice back; the standard way to resume, seek and read big remote files piecewise.›Mutual TLSsecurity · low: TLS where the client also proves a certificate key, so every connection carries a verified, rotatable machine identity.›+ 8 more techniques+ 45 more primitives

Similar systems

Share the most building blocks with this one.