On this page

    How to display a map with custom projections

    This example shows how to configure Equal Earth and Equirectangular projections using the SDK JS preview build.

    Important

    The features demonstrated here rely on a preview build of the JS SDK.

    You can choose between pure projections (applied at all zoom levels) and presets (which automatically transition to Mercator on deep zoom). Set the type property to "equal" or "geodetic" for the adaptive presets, or use "equal-earth" and "equirectangular" for the pure projections.

    How to turn on the globe projection

    Globe projection

    Examples

    Enable the 3D globe map projection in your application.

    How to switch map projection programmatically

    Switch between “mercator” and “globe”

    Examples

    Programmatically switch between Mercator and globe map projections.

    Projection control how to toggle the map between mercator and globe projection

    Projection control (globe)

    Tutorials

    Toggle between Mercator and globe projections using map controls.

    An extension of MapLibre GL JS
    Was this helpful?
    SDK JS
    Examples
    How to display a map with custom projections
    Map projections