Projection package spherical-mercator-projection

Interface: GenericProjection<TSourceInterface: GenericProjection<TSource>

Type parametersType parameters

Name
TSource

PropertiesProperties

typetype

optional readonly type: string

Projection identity type. It may be:

• EPSG-code (e.g. EPSG:3857)
• any other string to identify (e.g. 'cartesian')

MethodsMethods

fromWorldCoordinatesfromWorldCoordinates

fromWorldCoordinates(coordinates): TSource

ParametersParameters

Name	Type
coordinates	WorldCoordinates

ReturnsReturns

TSource

---

toWorldCoordinatestoWorldCoordinates

toWorldCoordinates(point): WorldCoordinates

ParametersParameters

Name	Type
point	TSource

ReturnsReturns

WorldCoordinates

Interface: Vec2Interface: Vec2

PropertiesProperties

xx

x: number

---

yy

y: number

Interface: WorldCoordinatesInterface: WorldCoordinates

Coordinates in [-1 ... +1].
Left bottom is (-1; -1).
Right top is (+1; +1).
Center is (0; 0).

PropertiesProperties

typetype

optional readonly type: "world"

---

xx

x: number

Inherited fromInherited from

Vec2.x

---

yy

y: number

Inherited fromInherited from

Vec2.y

---

zz

optional z: number

VariablesVariables

SphericalMercatorSphericalMercator

const SphericalMercator: () => Projection

Type declarationType declaration

()

Name

projection.sphericalMercator

Static

Deprecated

Use Web Mercator package instead.

Example

const {SphericalMercator} = await mappable.import('@mappable-world/mappable-spherical-mercator-projection@0.0.1');
// Create a map in the spherical Mercator projection
const map = new mappable.MMap(document.getElementById('MMapsID'), {
    location: {
        center: [54.81971, 24.49359],
         zoom: 6
    },
    projection: new SphericalMercator()
});
const dataSourceProps = {
    raster: {
        type: 'ground',
        fetchTile: "https://tile.openstreetmap.org/z/y/x"
    }
};
// Add osm tiles
const dataSource = new mappable.MMapTileDataSource({
    id: "osmSource",
    ...dataSourceProps,
});

const layer = new mappable.MMapLayer({
    id: "osm",
    source: "osmSource",
    type: "ground",
});

Module: <internalModule: <internal>

Type AliasesType Aliases

LngLatLngLat

LngLat: [lon: number, lat: number, alt?: number]

Tuple with geodesic coordinates in longitude latitude order.
GeoJSON also uses this order https://tools.ietf.org/html/rfc7946#appendix-A.1

---

ProjectionProjection

Projection: GenericProjection<LngLat>