Rectangle
HTML equivalent to L.rectangle function.
Can be a child of l-map or l-layer-group elements.
Example
A standard way to initialise.
<l-rectangle lat-lng-bounds="[[0,0], [1,1]]"></l-rectangle>
Parameters
Mandatory HTML properties to successfully instantiate.
| Attribute | Example | Description |
|---|---|---|
| lat-lng-bounds | [[0, 0], [5, 5]] | LatLngBounds to define extent |
Properties
| Attribute | Type | Description |
|---|---|---|
| stroke | boolean | true |
| color | string | #3388ff |
| weight | number | 3 |
| opacity | number | 1.0 |
| lineCap | string | round |
| lineJoin | string | round |
| dashArray | string | null |
| dashOffset | string | null |
| fill | boolean | true |
| fillColor | string | #3388ff |
| fillOpacity | number | 0.2 |
| smoothFactor | number | 1.0 |
| noClip | boolean | false |
| interactive | boolean | true |
Events
| Event key | Detail | Description |
|---|---|---|
| l:layer:connected | Triggered when connected to the document |