Class WebMapMain<M, E, O>

constructor

• new WebMapMain<M, E, O>(mapOptions): WebMapMain<M, E, O>

• Type Parameters

  • M = any

  • E extends WebMapEvents = WebMapEvents

  • O extends MapOptions<any, any, O> = MapOptions<any, any>

  Parameters

  • mapOptions: O

  Returns WebMapMain<M, E, O>

Readonly emitter

getPaintFunctions

id

Readonly keys

Readonly mapAdapter

mapState

options

Readonly runtimeParams

Static getPaintFunctions

Static keys

create

• create(): Promise<WebMapMain<M, E, O>>

• Manual way to create a map (If create is false).

  Example

  const webMap = new WebMap(options);
  webMap.create().then(() => doSomething());
  

  Returns Promise<WebMapMain<M, E, O>>

destroy

• destroy(): void

• Destroys WebMap, MapAdapter, clears all layers and turn off all event listeners

  Returns void

fitBounds

• fitBounds(bounds, options?): WebMapMain<M, E, O>

• Sets a map view that contains the given geographical bounds.

  Example

  // Whole world
  webMap.fitBounds([0, -90, 180, 90]);
  

  Parameters

  • bounds: LngLatBoundsArray

    Array of coordinates, measured in degrees, in [west, south, east, north] order.

  • Optional options: FitOptions

  Returns WebMapMain<M, E, O>

getBounds

• getBounds(): undefined | LngLatBoundsArray

• Returns undefined | LngLatBoundsArray

getBoundsPolygon

• getBoundsPolygon(): undefined | Feature<Polygon, GeoJsonProperties>

• Returns undefined | Feature<Polygon, GeoJsonProperties>

getCenter

• getCenter(): undefined | LngLatArray

• Returns the map's geographical centerpoint.

  Returns

  lngLat Array of two numbers representing longitude and latitude of the center of the map view.

  Example

  // Mount Everest 27° 59′ 17″ N, 86° 55′ 31″ E
  webMap.getCenter(); // [86.925278, 27.988056]
  

  Returns undefined | LngLatArray

getContainer

• getContainer(): undefined | HTMLElement

• Returns the HTML element that contains the map.

  Returns

  The map's container

  Returns undefined | HTMLElement

getCoordFromMapClick

• getCoordFromMapClick(): default<LngLatArray>

• Returns default<LngLatArray>

getCursor

• getCursor(): undefined | Cursor

• Returns undefined | Cursor

getEventStatus

• getEventStatus(event): boolean

• Checking the status of any asynchronous operation

  Example

  var webMap = new WebMap(options);
  webMap.getEventStatus('create'); // false
  webMap.emitter.on('create', function () {
    webMap.getEventStatus('create'); // true
  })
  

  Parameters

  • event: keyof E

    The name of the event whose status is checked

  Returns boolean

getId

• getId(): number

• Returns number

getLayerAdapter

• getLayerAdapter(name): Type<LayerAdapter<any, any, AdapterOptions<Record<string, any>, Record<string, any>>>>

• Parameters

  • name: string

  Returns Type<LayerAdapter<any, any, AdapterOptions<Record<string, any>, Record<string, any>>>>

getLayerAdapters

• getLayerAdapters(): {
      [name: string]: Type<LayerAdapter>;
  }

• Returns {
      [name: string]: Type<LayerAdapter>;
  }

  • [name: string]: Type<LayerAdapter>

getRuntimeParams

• getRuntimeParams(): Record<string, any>

• Returns Record<string, any>

getState

• getState(): Record<string, any>

• Returns Record<string, any>

getZoom

• getZoom(): undefined | number

• Returns the map's current zoom level.

  Returns

  The map's current zoom level (0-24).

  Returns undefined | number

locate

• locate(opt, events?): Locate

• Parameters

  • opt: LocateOptions

  • Optional events: LocationEvents

  Returns Locate

onLoad

• onLoad(event?): Promise<WebMapMain<M, E, O>>

• helper method to wait for events to load. By default, card creation is tracked

  Example

  var webMap = new WebMap(options);
  webMap.onLoad().then(function () {
    webMap.getEventStatus('create'); // true
  })
  
  // use async/await syntax
  async function () {
    await webMap.onLoad();
    doSomething();
  }
  
  

  Parameters

  • event: keyof WebMapEvents = 'create'

    The name of the event whose status is checked

  Returns Promise<WebMapMain<M, E, O>>

onMapLoad

• onMapLoad(cb?): Promise<MapAdapter<any, any, any>>

• Parameters

  • Optional cb: ((mapAdapter) => void)

    • • (mapAdapter): void

      • Parameters

        • mapAdapter: MapAdapter<any, any, any>

        Returns void

  Returns Promise<MapAdapter<any, any, any>>

setCenter

• setCenter(lngLat): WebMapMain<M, E, O>

• Set the center of the current view.

  Example

  // Mount Everest 27° 59′ 17″ N, 86° 55′ 31″ E
  webMap.setCenter([86.925278, 27.988056]);
  

  Parameters

  • lngLat: LngLatArray

    Array of two numbers representing longitude and latitude of the center of the map view.

  Returns WebMapMain<M, E, O>

setCursor

• setCursor(cursor): void

• Set the cursor icon to be displayed when hover icon on the map container.

  Parameters

  • cursor: Cursor

    Available cursor name from https://developer.mozilla.org/ru/docs/Web/CSS/cursor

  Returns void

setRuntimeParams

• setRuntimeParams(params): void

• Parameters

  • params: RuntimeParams

  Returns void

setView

• setView(lngLatOr, zoom?): void

• Sets the view of the map geographical center and zoom

  Example

  // Mount Everest 27° 59′ 17″ N, 86° 55′ 31″ E
  webMap.setView([86.925278, 27.988056], 12)
  

  Parameters

  • lngLatOr: LngLatArray

  • Optional zoom: number

    The zoom level to set (0-24).

  Returns void

• setView(options): void

• Parameters

  • options: ViewOptions

  Returns void

setZoom

• setZoom(zoom): WebMapMain<M, E, O>

• Zoom to a specific zoom level.

  Parameters

  • zoom: number

    The zoom level to set (0-24).

  Returns WebMapMain<M, E, O>

stopGetCoordFromMapClick

• stopGetCoordFromMapClick(): void

• Returns void

zoomIn

• zoomIn(): void

• Returns void

zoomOut

• zoomOut(): void

• Returns void