I am working on the creation of a basic, visual-visual system with a weather forecast based on grids, a mesh network.
EDIT 2: Updated version here: ( Mapbox Tracker ) system using the workflow described below
Instructions for use: - Click on the Wind icon (left) - Wait for the triangles to close the screen - Sliding slider (bottom)
As you will observe (especially at high resolutions or with the panning time slider), when drawing triangles, a pretty strong blow is observed.
I would really appreciate any recommendation on where to start by using something in the current API that will help, or any ideas on how to use the current graphics pipeline using a certain type of custom buffer where I would only need to rotate, scale, change the color of triangles already filled in the screen space.
It seems to me that my specific use case will greatly benefit from something like this, I really just do not know how to approach it.
I have a naive implementation using this workflow:
- Create geojson FeatureCollection source
- Create Fill Layer
- Using the Data Driven Property: fill-color
Data function:
- Get map borders
- Project sw and ne at screen points (map.project (LatLng))
- Divide height and width into parts
- .
- +
- Point
- Unproject Point map.unproject(Point).wrap()
- , ,
- LatLng
- setData
, , .
, , , - , LatLng. , , , LatLng.
. Mesh , : unproject, , map.getSource(''). SetData (d), requestAnimationFrame () ..
.js , -, . ? , ?
raw gl .., , .
EDIT:
gmaps/three.js: volvooceanrace
( ) , "", , .
Mapbox GL Arrows