HomeGIS & GeoinformaticsGPS Map Projection

🗺️ GPS Map Projection

Compare how different map projections transform the sphere to a flat surface. See area, shape, and distance distortions visualised on a Tissot indicatrix. Switch between Mercator, Mollweide, Winkel-Tripel, and others.

GIS & Geoinformatics3DEasy60 FPS
gps-map-projection ↗ Open standalone

About this simulation

This simulator shows the unavoidable trade-offs of flattening a round Earth onto a flat map. It renders a coastline outline and graticule under five classic map projections — Mercator, Mollweide, Equirectangular, Azimuthal Equal-Area and Stereographic — each computed from the latitude–longitude grid using its own forward formula. Overlaid Tissot indicatrices turn infinitesimal circles on the sphere into ellipses on the map, making area and angle distortion visible at a glance. Because no flat map can preserve area, shape and distance at once, comparing projections reveals what each one sacrifices.

🔬 What it shows

Each projection maps geographic coordinates (lon, lat) to map x, y with its forward equation — for example Mercator uses y = ln(tan(π/4 + φ/2)), while Mollweide solves an auxiliary angle θ by Newton iteration to stay equal-area. The Tissot indicatrix draws a circle where there is no distortion and an ellipse where shape or area is stretched, colour-coded green, orange or red by the ratio of its axes.

🎮 How to use

Click a projection button (Mercator, Mollweide, Equirectangular, Azimuthal EA or Stereographic) to redraw the map. Use the three checkboxes to toggle the Graticule (lat/lon grid), the Tissot Indicatrix ellipses and the Coastlines. The side panel reports the projection name, its type (conformal, equal-area or neither) and its area and angle distortion characteristics.

💡 Did you know?

The Mercator projection inflates area without limit toward the poles, which is why Greenland can look as large as Africa even though Africa is about fourteen times bigger. Mercator survives because it is conformal: it preserves local angles, so a constant compass bearing plots as a straight line — invaluable for navigation.

Frequently asked questions

What is a map projection?

A map projection is a mathematical rule that converts positions on the curved Earth, given as longitude and latitude, into flat x and y coordinates on a map. Because a sphere cannot be unrolled onto a plane without stretching, every projection introduces some distortion of area, shape, distance or direction.

How does the simulation compute each projection?

Each projection has its own forward formula applied to the grid of coordinates. Mercator uses y = ln(tan(π/4 + φ/2)); Mollweide solves an auxiliary angle by Newton iteration to keep areas correct; Equirectangular maps longitude and latitude linearly; and the azimuthal and stereographic projections project the sphere onto a plane tangent at the pole.

What do the coloured ellipses mean?

They are Tissot indicatrices: a tiny circle on the globe becomes an ellipse on the map. A round green ellipse means little distortion, while orange and red show increasing area or shape error, judged here by the ratio of the ellipse axes. Their orientation and size reveal exactly where and how the projection distorts the surface.

What is the difference between conformal and equal-area?

A conformal projection such as Mercator or Stereographic preserves local angles and shapes but distorts area. An equal-area projection such as Mollweide or Azimuthal Equal-Area keeps relative sizes correct but distorts shapes. No projection can be both at once, so cartographers choose based on whether accurate shapes or accurate areas matter more.

Is this simulation geographically accurate?

The projection formulae are mathematically faithful, so the distortion patterns shown are realistic. The coastlines, however, are a deliberately simplified outline of the continents drawn as coarse polylines, intended to illustrate how each projection bends the world rather than to serve as a precise atlas.

⚙ Under the hood

Map projections including Mercator and Tissot indicatrix showing distortion across cartographic projections.

map projectionMercatorTissot indicatrixcartographyGIS

3D · Three.js / WebGL renderer · 60 FPS target · runs fully client-side, no install

What did you find?

Add reproduction steps (optional)