BwMap | bw-map

Overview

BwMap is a wrapper around leaflet.

Usage

BasicExample

  <bw-map style="height: 500px" zoom="13" center="41.3917159, -82.1210002">
    <bw-map-search></bw-map-search>
  </bw-map>

Overlays

When using BwMap in an overlay, such as BwModal or BwDrawer, you will have to defer the rendering of the component until it's in the viewport. You can achieve this using the init and destroy props on our overlay components, or using the OverlayDirective + <ng-template> if you are in an angular app.

Properties

Property	Attribute	Description	Type	Default
`center`	`center`	Initial center coordinates of the map in format "latitude,longitude"	`[number, number] \| string`	`[0, 0]`
`zoom`	`zoom`	Initial zoom level of the map	`number`	`13`

Events

Event	Description	Type
`ready`	Event emitted when the map is ready	`CustomEvent<void>`

Methods

`setMarker(lat: number, lng: number) => Promise<void>`

Set a marker at the given coordinates

Parameters

Name	Type	Description
`lat`	`number`
`lng`	`number`

Returns

Type: Promise<void>

Overview​

Usage​

BasicExample​

Overlays​

Properties​

Events​

Methods​

setMarker(lat: number, lng: number) => Promise<void>​

Parameters​

Returns​