MapGPU·capability tourscene 01 / 06
lat39.925°N
lon32.866°E
altitude12,000 km
projectionmercator
layerRasterTileLayer
tiles0 / 0
frame16.6 ms
✚camera · heading 0° · pitch 0°
01 · originAnkara
Five lines, one GPU‑native map.
A typed MapView boots straight onto a WebGPU swapchain. Any XYZ / TMS tile service plugs into a RasterTileLayer — satellite, dark, terrain, custom — one frame, no WebGL fallback.
mapgpu/coreMapViewRasterTileLayerXYZ / TMS
02 · globe viewvertical‑perspective
Full globe, same pipeline.
Mode3D renders the earth as a vertical‑perspective sphere with transparent space — the DOM’s background shows through. One draw graph covers zoom 2 (continent) through zoom 18 (sokak), no scene rebuild per LOD.
Mode3Dvertical‑perspectivetransparent spacetile LOD
03 · vector tilesMVT · fill‑extrusion
Manhattan in real 3D.
OpenFreeMap MVT tiles streamed, decoded and extruded on the GPU. ClassBreaksRenderer picks the color by render_height — every building gets its real OSM shape and height.
VectorTileLayerMVT / pbfExtrudedPolygonSymbolClassBreaksRenderer
04 · 3D primitiveshybrid pipelines
Four shapes, two pipelines.
Box + cylinder become real polygon footprints via makeRectFootprint / makeCircleFootprint + fill‑extrusion. Sphere + cone ride the dedicated Mesh3DSymbol pipeline. Blinn‑Phong shading, per‑feature color, all on one GraphicsLayer per shape.
Mesh3DSymbolExtrudedPolygonSymbolmakeRect / makeCircle FootprintBlinn‑Phong
05 · glTF modelsModelSymbol · glTF 2.0
Ship on the water, helicopter in the sky.
view.loadModelV2(id, url) parses glTF/GLB; a ModelSymbol places each one with heading, pitch and anchorZ. Full PBR on the same draw graph as the basemap.
ModelSymbolglTF 2.0 / GLBPBRanchorZ altitude
06 · measurementMeasureLineTool · haversine
Measure by click.
A MeasureLineTool walks a five‑point polyline across Anıtkabir with a UnitManager feeding geodesic distances. Per‑segment + running total chips land via MeasureLabelManager, reprojected every frame as the camera orbits.
mapgpu/toolsMeasureLineToolUnitManagerMeasureLabelManagerhaversine · geodesic