ljwall / coastal_wind

Coastal highlighting

Mapping fun using OpenLayers.

Get started

Clone, do npm i, and then npx webpack-dev-server to build and run the wbpack development suerver.

Direct your browser to localhost.

Where things are

• JS entries points (used by webpack) in src/.
• Built js in dist/ (not in repo).
• Any other static things that aren't built by webpack go in public/ (e.g. index.html).

coastal_wind's Issues

Add time-scrubber

make map layer for each timestamp that we're scrubbing, and adjust the visibility of each map layer as scrubbing

Add spots layer

• Use GeoJSON data for the spot locations
• Spot name in the meta data
• Ideally label the spots is the magical way that maps do, where no names are overlapping, and it only shows as many as will fit, with more getting shown as you zoom. (This should be a feature of openlayers.)

Make GeoJSON files of of coastline paths, grouped by wind rateing

Based on actual wind forecast (GFS 0.25?)

Input: GeoJSON (polygons or LineString) and wind
Output: GeoJSON collection of MultiLineString each with some metadata of the rating

Add styled paths to map

Paths data will be supplied as GeoJSON MultiLineString, can be loaded in to a layer, and styled according to some meta-data we'll attach to each feature (line) to identify what it is..

Make it look like tom's design

Make GeoJSON files for wind-speed arrows

Points with meta data for direction and speed.

Add wind arrows layer

Assume the points are provided in GeoJSON, with some meta data for direction and strength...

Add spots GeoJSON file