seisplotjs 3.2.2 | Documentation

seisplotjs

3.2.2

HIGHLIGHT
MAP_ELEMENT
TRIANGLE
DOWNTRIANGLE
SQUARE
CROSS
StationMarkerClassName
InactiveStationMarkerClassName
QuakeMarkerClassName
STATION_ICON_SIZE
stationIcon
inactiveStationIcon
defaultMapElement_css
defaultMarker_css
stationMarker_css
cssClassForStationCodes
cssClassForNetworkCode
createStationSVG
createStationMarker
getRadiusForMag
createQuakeMarker
leaflet_css
TILE_TEMPLATE
DEFAULT_TILE_TEMPLATE
TILE_ATTRIBUTION
MAX_ZOOM
DEFAULT_MAX_ZOOM
CENTER_LAT
DEFAULT_CENTER_LAT
CENTER_LON
DEFAULT_CENTER_LON
ZOOM_LEVEL
DEFAULT_ZOOM_LEVEL
MAG_SCALE
DEFAULT_MAG_SCALE
FIT_BOUNDS
QUAKE_MARKER_STYLE_EL
STATION_MARKER_STYLE_EL
STATION_CODE_SEP
LEAFLET_CSS_ID
MAP_CSS_ID
MARKER_CSS_ID
QuakeStationMapEventMap
QuakeStationMap ▸
- Static members
- .observedAttributes
QuakeStationMap ▸
- Static members
- .observedAttributes
cssClassForQuake

Need help reading this?

HIGHLIGHT

src/leafletutil.ts

HIGHLIGHT

Type: string

MAP_ELEMENT

src/leafletutil.ts

MAP_ELEMENT

Type: string

TRIANGLE

src/leafletutil.ts

TRIANGLE

Type: string

DOWNTRIANGLE

src/leafletutil.ts

DOWNTRIANGLE

Type: string

SQUARE

src/leafletutil.ts

SQUARE

Type: string

CROSS

src/leafletutil.ts

CROSS

Type: string

StationMarkerClassName

src/leafletutil.ts

StationMarkerClassName

Type: string

InactiveStationMarkerClassName

src/leafletutil.ts

InactiveStationMarkerClassName

Type: string

QuakeMarkerClassName

src/leafletutil.ts

QuakeMarkerClassName

Type: string

STATION_ICON_SIZE

src/leafletutil.ts

STATION_ICON_SIZE

Type: number

stationIcon

src/leafletutil.ts

stationIcon

inactiveStationIcon

src/leafletutil.ts

inactiveStationIcon

defaultMapElement_css

src/leafletutil.ts

defaultMapElement_css

defaultMarker_css

src/leafletutil.ts

defaultMarker_css

stationMarker_css

src/leafletutil.ts

Default marker css

stationMarker_css

Deprecated: This is deprecated.

cssClassForStationCodes

src/leafletutil.ts

Create CSS class based on station codes.

cssClassForStationCodes(station: Station): string

Parameters

station (Station) the station

Returns

string: selector string like sta_CO_JSC

cssClassForNetworkCode

src/leafletutil.ts

Create CSS class based on network codes.

cssClassForNetworkCode(network: Network): string

Parameters

network (Network) the network

Returns

string: selector string like net_CO

createStationSVG

src/leafletutil.ts

createStationSVG(iconSize: any, symbol: string): string

Parameters

iconSize

(any
            = STATION_ICON_SIZE)

symbol

(string
            = TRIANGLE)

Returns

string

createStationMarker

src/leafletutil.ts

Create a station marker as a leaflet divIcon. Also binds the station codes as a tooltip.

createStationMarker(station: Station, classList: Array<string>?, isactive: any, centerLon: any, iconSize: any, iconSymbol: any): any

Parameters

station (Station) the station, with lat, lon

classList (Array<string>?) additional css class names to add

isactive

(any
            = true)

=true adds inactiveStationMapMarker to class list if not active

centerLon

(any
            = 0)

=0 center map longitude, station lon are adjusted by +-360 to be closest to this

iconSize

(any
            = STATION_ICON_SIZE)

=STATION_ICON_SIZE optional icon size

iconSymbol

(any
            = TRIANGLE)

=TRIANGLE optional icon symbol, one of triangle, downtriangle, square or cross

Returns

any: leaflet marker for the station

getRadiusForMag

src/leafletutil.ts

getRadiusForMag(magnitude: number, magScaleFactor: number): number

Parameters

magnitude (number)

magScaleFactor (number)

Returns

number

createQuakeMarker

src/leafletutil.ts

Create a circle marker for Quake. Radius is linearly scaled by magnitude, with min radius of 1 for very small magnitudes. Longitudes are adjusted by +-360 to draw centered on the given center longitude, eg event at lon=350 may plot at -10 if centerlon < 180.

createQuakeMarker(quake: Quake, magScaleFactor: any, classList: Array<string>?, centerLon: any, magToRadius: function (magnitude: number, magScaleFactor: number): number): any

Parameters

quake (Quake) earthquake

magScaleFactor

(any
            = 5)

scale factor

classList (Array<string>?) CSS classes to attach

centerLon

(any
            = 0)

center longitude of the map

magToRadius

(function (magnitude: number, magScaleFactor: number): number
            = getRadiusForMag)

Returns

any: leaflet circleMarker

leaflet_css

src/leafletutil.ts

leaflet_css

TILE_TEMPLATE

src/leafletutil.ts

TILE_TEMPLATE

Type: string

DEFAULT_TILE_TEMPLATE

src/leafletutil.ts

DEFAULT_TILE_TEMPLATE

Type: string

TILE_ATTRIBUTION

src/leafletutil.ts

TILE_ATTRIBUTION

Type: string

MAX_ZOOM

src/leafletutil.ts

MAX_ZOOM

Type: string

DEFAULT_MAX_ZOOM

src/leafletutil.ts

DEFAULT_MAX_ZOOM

Type: number

CENTER_LAT

src/leafletutil.ts

CENTER_LAT

Type: string

DEFAULT_CENTER_LAT

src/leafletutil.ts

DEFAULT_CENTER_LAT

Type: number

CENTER_LON

src/leafletutil.ts

CENTER_LON

Type: string

DEFAULT_CENTER_LON

src/leafletutil.ts

DEFAULT_CENTER_LON

ZOOM_LEVEL

src/leafletutil.ts

ZOOM_LEVEL

Type: string

DEFAULT_ZOOM_LEVEL

src/leafletutil.ts

DEFAULT_ZOOM_LEVEL

Type: number

MAG_SCALE

src/leafletutil.ts

MAG_SCALE

Type: string

DEFAULT_MAG_SCALE

src/leafletutil.ts

DEFAULT_MAG_SCALE

Type: number

FIT_BOUNDS

src/leafletutil.ts

FIT_BOUNDS

Type: string

QUAKE_MARKER_STYLE_EL

src/leafletutil.ts

QUAKE_MARKER_STYLE_EL

Type: string

STATION_MARKER_STYLE_EL

src/leafletutil.ts

STATION_MARKER_STYLE_EL

Type: string

STATION_CODE_SEP

src/leafletutil.ts

STATION_CODE_SEP

Type: string

LEAFLET_CSS_ID

src/leafletutil.ts

LEAFLET_CSS_ID

Type: string

MAP_CSS_ID

src/leafletutil.ts

MAP_CSS_ID

Type: string

MARKER_CSS_ID

src/leafletutil.ts

MARKER_CSS_ID

Type: string

QuakeStationMapEventMap

src/leafletutil.ts

QuakeStationMapEventMap

Extends StationClickEventMap, QuakeClickEventMap

QuakeStationMap

src/leafletutil.ts

QuakeStationMap

Extends SeisPlotElement

Static Members

▸ observedAttributes

src/leafletutil.ts

observedAttributes

Type: Array<string>

Returns

Array<string>

Instance Members

▸ quakeList

src/leafletutil.ts

quakeList

▸ stationList

src/leafletutil.ts

stationList

▸ geoRegionList

src/leafletutil.ts

geoRegionList

▸ map

src/leafletutil.ts

map

Type: (L.Map | null)

▸ classToColor

src/leafletutil.ts

classToColor

Type: Map<string, string>

▸ mapItems

src/leafletutil.ts

mapItems

▸ stationClassMap

src/leafletutil.ts

stationClassMap

Type: Map<string, Array<string>>

▸ quakeClassMap

src/leafletutil.ts

quakeClassMap

Type: Map<string, Array<string>>

▸ quakeLayer

src/leafletutil.ts

quakeLayer

▸ quakeLayerName

src/leafletutil.ts

quakeLayerName

▸ stationLayer

src/leafletutil.ts

stationLayer

▸ stationLayerName

src/leafletutil.ts

stationLayerName

▸ stationIconSize

src/leafletutil.ts

stationIconSize

▸ stationIconSymbol

src/leafletutil.ts

stationIconSymbol

▸ addQuake(quake, classname?)

src/leafletutil.ts

addQuake(quake: (Quake | Array<Quake>), classname: string?)

Parameters

quake ((Quake | Array<Quake>))

classname (string?)

▸ allQuakes()

src/leafletutil.ts

allQuakes(): Array<Quake>

Returns

Array<Quake>

▸ quakeAddClass(quake, classname)

src/leafletutil.ts

Adds a css class for the quake icon for additional styling, either via addStyle() for general or via colorClass() for just simply coloring.

quakeAddClass(quake: Quake, classname: string)

Parameters

quake (Quake) the quake

classname (string) css class name

▸ quakeRemoveClass(quake, classname)

src/leafletutil.ts

Removes a css class from the earthquake circle.

quakeRemoveClass(quake: Quake, classname: string)

Parameters

quake (Quake) quake to remove

classname (string) class to remove

▸ quakeRemoveAllClass(classname)

src/leafletutil.ts

Removes a css class from all earthquake circles.

quakeRemoveAllClass(classname: string)

Parameters

classname (string) class to remove

▸ quakeUnhighlight()

src/leafletutil.ts

quakeUnhighlight()

▸ quakeHighlight(quakeList)

src/leafletutil.ts

quakeHighlight(quakeList: (Array<Quake> | Quake))

Parameters

quakeList ((Array<Quake> | Quake))

▸ addStation(station, classname?)

src/leafletutil.ts

addStation(station: (Station | Array<Station>), classname: string?)

Parameters

station ((Station | Array<Station>))

classname (string?)

▸ allStations()

src/leafletutil.ts

Get all stations on the map. Some from seisData and some added directly to stationList.

allStations(): Array<Station>

Returns

Array<Station>: list of Stations

▸ stationIcon(iconSize, iconSymbol)

src/leafletutil.ts

stationIcon(iconSize: number, iconSymbol: string)

Parameters

iconSize

(number
            = STATION_ICON_SIZE)

iconSymbol

(string
            = TRIANGLE)

▸ stationAddClass(station, classname)

src/leafletutil.ts

Adds a css class for the station icon for additional styling, either via addStyle() for general or via colorClass() for just simply coloring.

stationAddClass(station: Station, classname: string)

Parameters

station (Station) the station

classname (string) css class name

▸ stationRemoveClass(station, classname)

src/leafletutil.ts

Removes a css class from the station triangle

stationRemoveClass(station: Station, classname: string)

Parameters

station (Station) the station

classname (string) css class name

▸ stationUnhighlight()

src/leafletutil.ts

stationUnhighlight()

▸ stationHighlight(stationList)

src/leafletutil.ts

stationHighlight(stationList: (Array<Station> | Station))

Parameters

stationList ((Array<Station> | Station))

▸ colorClass(classname, color)

src/leafletutil.ts

Set a color in css for the classname. This is a simple alternative to full styling via addStyle().

colorClass(classname: string, color: string)

Parameters

classname (string) css class name

color (string) color, like red

▸ removeColorClass(classname)

src/leafletutil.ts

removeColorClass(classname: string)

Parameters

classname (string)

▸ fitBounds

src/leafletutil.ts

fitBounds

Type: boolean

Returns

boolean

▸ fitBounds

src/leafletutil.ts

fitBounds

Type: boolean

Parameters

val (boolean)

▸ centerLat

src/leafletutil.ts

centerLat

Type: number

Returns

number

▸ centerLat

src/leafletutil.ts

centerLat

Type: number

Parameters

val (number)

▸ centerLon

src/leafletutil.ts

centerLon

Type: number

Returns

number

▸ centerLon

src/leafletutil.ts

centerLon

Type: number

Parameters

val (number)

▸ zoomLevel

src/leafletutil.ts

zoomLevel

Type: number

Returns

number

▸ zoomLevel

src/leafletutil.ts

zoomLevel

Type: number

Parameters

val (number)

▸ magScale

src/leafletutil.ts

magScale

Type: number

Returns

number

▸ magScale

src/leafletutil.ts

magScale

Type: number

Parameters

val (number)

▸ draw()

src/leafletutil.ts

draw()

▸ drawQuakeLayer()

src/leafletutil.ts

drawQuakeLayer()

▸ drawStationLayer()

src/leafletutil.ts

drawStationLayer()

▸ updateQuakeMarkerStyle()

src/leafletutil.ts

updateQuakeMarkerStyle()

▸ updateStationMarkerStyle()

src/leafletutil.ts

updateStationMarkerStyle()

▸ drawGeoRegions(map)

src/leafletutil.ts

drawGeoRegions(map: L.Map): Array<[number, number]>

Parameters

map (L.Map)

Returns

Array<[number, number]>

▸ createStationMarkerColorStyle()

src/leafletutil.ts

createStationMarkerColorStyle()

▸ createQuakeMarkerColorStyle()

src/leafletutil.ts

createQuakeMarkerColorStyle()

▸ attributeChangedCallback(_name, _oldValue, _newValue)

src/leafletutil.ts

attributeChangedCallback(_name: string, _oldValue: string, _newValue: string)

Parameters

_name (string)

_oldValue (string)

_newValue (string)

QuakeStationMap

src/leafletutil.ts

new QuakeStationMap(seisData: Array<SeismogramDisplayData>?, seisConfig: SeismographConfig?)

Extends SeisPlotElement

Parameters

seisData (Array<SeismogramDisplayData>?)

seisConfig (SeismographConfig?)

Static Members

▸ observedAttributes

src/leafletutil.ts

observedAttributes

Type: Array<string>

Returns

Array<string>

Instance Members

▸ quakeList

src/leafletutil.ts

quakeList

▸ stationList

src/leafletutil.ts

stationList

▸ geoRegionList

src/leafletutil.ts

geoRegionList

▸ map

src/leafletutil.ts

map

Type: (L.Map | null)

▸ classToColor

src/leafletutil.ts

classToColor

Type: Map<string, string>

▸ mapItems

src/leafletutil.ts

mapItems

▸ stationClassMap

src/leafletutil.ts

stationClassMap

Type: Map<string, Array<string>>

▸ quakeClassMap

src/leafletutil.ts

quakeClassMap

Type: Map<string, Array<string>>

▸ quakeLayer

src/leafletutil.ts

quakeLayer

▸ quakeLayerName

src/leafletutil.ts

quakeLayerName

▸ stationLayer

src/leafletutil.ts

stationLayer

▸ stationLayerName

src/leafletutil.ts

stationLayerName

▸ stationIconSize

src/leafletutil.ts

stationIconSize

▸ stationIconSymbol

src/leafletutil.ts

stationIconSymbol

▸ addQuake(quake, classname?)

src/leafletutil.ts

addQuake(quake: (Quake | Array<Quake>), classname: string?)

Parameters

quake ((Quake | Array<Quake>))

classname (string?)

▸ allQuakes()

src/leafletutil.ts

allQuakes(): Array<Quake>

Returns

Array<Quake>

▸ quakeAddClass(quake, classname)

src/leafletutil.ts

Adds a css class for the quake icon for additional styling, either via addStyle() for general or via colorClass() for just simply coloring.

quakeAddClass(quake: Quake, classname: string)

Parameters

quake (Quake) the quake

classname (string) css class name

▸ quakeRemoveClass(quake, classname)

src/leafletutil.ts

Removes a css class from the earthquake circle.

quakeRemoveClass(quake: Quake, classname: string)

Parameters

quake (Quake) quake to remove

classname (string) class to remove

▸ quakeRemoveAllClass(classname)

src/leafletutil.ts

Removes a css class from all earthquake circles.

quakeRemoveAllClass(classname: string)

Parameters

classname (string) class to remove

▸ quakeUnhighlight()

src/leafletutil.ts

quakeUnhighlight()

▸ quakeHighlight(quakeList)

src/leafletutil.ts

quakeHighlight(quakeList: (Array<Quake> | Quake))

Parameters

quakeList ((Array<Quake> | Quake))

▸ addStation(station, classname?)

src/leafletutil.ts

addStation(station: (Station | Array<Station>), classname: string?)

Parameters

station ((Station | Array<Station>))

classname (string?)

▸ allStations()

src/leafletutil.ts

Get all stations on the map. Some from seisData and some added directly to stationList.

allStations(): Array<Station>

Returns

Array<Station>: list of Stations

▸ stationIcon(iconSize, iconSymbol)

src/leafletutil.ts

stationIcon(iconSize: number, iconSymbol: string)

Parameters

iconSize

(number
            = STATION_ICON_SIZE)

iconSymbol

(string
            = TRIANGLE)

▸ stationAddClass(station, classname)

src/leafletutil.ts

Adds a css class for the station icon for additional styling, either via addStyle() for general or via colorClass() for just simply coloring.

stationAddClass(station: Station, classname: string)

Parameters

station (Station) the station

classname (string) css class name

▸ stationRemoveClass(station, classname)

src/leafletutil.ts

Removes a css class from the station triangle

stationRemoveClass(station: Station, classname: string)

Parameters

station (Station) the station

classname (string) css class name

▸ stationUnhighlight()

src/leafletutil.ts

stationUnhighlight()

▸ stationHighlight(stationList)

src/leafletutil.ts

stationHighlight(stationList: (Array<Station> | Station))

Parameters

stationList ((Array<Station> | Station))

▸ colorClass(classname, color)

src/leafletutil.ts

Set a color in css for the classname. This is a simple alternative to full styling via addStyle().

colorClass(classname: string, color: string)

Parameters

classname (string) css class name

color (string) color, like red

▸ removeColorClass(classname)

src/leafletutil.ts

removeColorClass(classname: string)

Parameters

classname (string)

▸ fitBounds

src/leafletutil.ts

fitBounds

Type: boolean

Returns

boolean

▸ fitBounds

src/leafletutil.ts

fitBounds

Type: boolean

Parameters

val (boolean)

▸ centerLat

src/leafletutil.ts

centerLat

Type: number

Returns

number

▸ centerLat

src/leafletutil.ts

centerLat

Type: number

Parameters

val (number)

▸ centerLon

src/leafletutil.ts

centerLon

Type: number

Returns

number

▸ centerLon

src/leafletutil.ts

centerLon

Type: number

Parameters

val (number)

▸ zoomLevel

src/leafletutil.ts

zoomLevel

Type: number

Returns

number

▸ zoomLevel

src/leafletutil.ts

zoomLevel

Type: number

Parameters

val (number)

▸ magScale

src/leafletutil.ts

magScale

Type: number

Returns

number

▸ magScale

src/leafletutil.ts

magScale

Type: number

Parameters

val (number)

▸ draw()

src/leafletutil.ts

draw()

▸ drawQuakeLayer()

src/leafletutil.ts

drawQuakeLayer()

▸ drawStationLayer()

src/leafletutil.ts

drawStationLayer()

▸ updateQuakeMarkerStyle()

src/leafletutil.ts

updateQuakeMarkerStyle()

▸ updateStationMarkerStyle()

src/leafletutil.ts

updateStationMarkerStyle()

▸ drawGeoRegions(map)

src/leafletutil.ts

drawGeoRegions(map: L.Map): Array<[number, number]>

Parameters

map (L.Map)

Returns

Array<[number, number]>

▸ createStationMarkerColorStyle()

src/leafletutil.ts

createStationMarkerColorStyle()

▸ createQuakeMarkerColorStyle()

src/leafletutil.ts

createQuakeMarkerColorStyle()

▸ attributeChangedCallback(_name, _oldValue, _newValue)

src/leafletutil.ts

attributeChangedCallback(_name: string, _oldValue: string, _newValue: string)

Parameters

_name (string)

_oldValue (string)

_newValue (string)

cssClassForQuake

src/leafletutil.ts

cssClassForQuake(q: Quake): string

Parameters

q (Quake)

Returns

string