React
Data Formats
Concepts in MapWeave are described as plain JavaScript objects whose properties configure its state.
The formats below describe the data structures used to define concepts in MapWeave.
CompassPoint "n" | "ne" | "e" | "se" | "s" | "sw" | "w" | "nw" The direction as shown on a compass.
The options for fitting the map to a provided bounding box.
bounds
optionalDefines the bounds to be shown on the map. Set the values manually or get values using the getBounds() layer methods.
padding
optional number
default: auto The padding to apply to the map around the defined bounds in pixels. If not specified, defaults to a value equal to 1/8th of the minimum screen width or height.
time
optional number
default: 0 The time of the animation in milliseconds.
The configuration for flying the map to a specific view.
bearing
optional number The bearing at the end of the fly to animation. If not set, preserves the previous viewState.
pitch
optional number The pitch at the end of the fly to animation. If not set, preserves the previous viewState.
time
optional number
default: 1000 The duration of the fly to animation in milliseconds.
zoom
optional number The zoom level at the end of the fly to animation. If not set, preserves the previous viewState.
Gradient Record<number, string> An object used to specify a set of color stops that defines a color gradient. The key is a number between 0 and 1, specifying the position of the color stop. The value is a string defining the color for that position.
const colorGradient = {
0: '#30C5D2',
0.5: '#743C9E',
1: '#290F85',
};Defines longitude and latitude in degrees from the Greenwich meridian and the equator respectively. Altitude is defined as meters above sea level.
Defines a rectangle on the map by the southwest and northeast corners.
The northeast corner of the bounding rectangle.
The southwest corner of the bounding rectangle.
An object that defines longitude and latitude in degrees from the Greenwich meridian and the equator respectively.
PointerEventItem ObservationsItem | NetworkItem | Feature Defines the item in the layer targeted by pointer events.
An object describing the view of the map returned by MapWeave.
number The bearing (rotation) of the map, in degrees. Set to 0 for north to be top center of the view.
number Height of the viewport in pixels.
number The latitude of the center of the map.
number The longitude of the center of the map.
number The pitch (tilt) of the map, in degrees. Set to 0 to view the map directly from above.
number Width of the viewport in pixels.
number The zoom level of the map.
Defines a time interval with a start and an end.
An object to specify the view of the map.
bearing
optional number The bearing (rotation) of the map, in degrees. Set to 0 for north to be top center of the view.
latitude
optional number The latitude of the center of the map.
longitude
optional number The longitude of the center of the map.
pitch
optional number The pitch (tilt) of the map, in degrees. Set to 0 to view the map directly from above.
zoom
optional number The zoom level of the map.