ts-maps
HomeGuideExamplesPlaygroundAPIGitHub

12 · Globe projection preview

Copy page
Copy page as Markdown for LLMs
View as Markdown
View this page as plain text
Open in ChatGPT
Copy content and open ChatGPT
Open in Claude
Copy content and open Claude
Open in Perplexity
Search with Perplexity AI

A Canvas2D orthographic preview of the Projection.Globe helpers. The full WebGL sphere renderer feeds the same toSphere / globeToMercatorMix functions into a vertex shader; here we render them in 2D so the demo is dependency-free.

Full source: 12-globe.ts

import { Projection } from 'ts-maps'

const v = Projection.Globe.toSphere({ lat: 40.7, lng: -74 })  // { x, y, z } on unit sphere
const mix = Projection.Globe.globeToMercatorMix(3)            // 1 = sphere, 0 = flat

← Offline · Examples