layers
base layer providers
https://www.maptiler.com/cloud/
drawing layers
slider
https://openlayers.org/en/latest/examples/layer-opacity.html
circles
https://openlayers.org/en/latest/examples/draw-shapes.html
freehand
https://openlayers.org/en/latest/examples/draw-freehand.html
snap to point
https://openlayers.org/en/latest/examples/snap.html
tracing
https://openlayers.org/en/latest/examples/tracing.html
https://openlayers.org/en/latest/examples/draw-and-modify-features.html
https://openlayers.org/en/latest/apidoc/module-ol_source_Vector-VectorSource.html
import { Vector as VectorLayer } from 'ol/layer.js';
import { Vector as VectorSource } from 'ol/source.js';
const vector_source = new VectorSource ();
const vector_layer = new VectorLayer ({
source: source,
style: {
'fill-color': 'rgba(255, 255, 255, 0.4)',
'stroke-color': '#ff50b3a6',
'stroke-width': 4,
'circle-radius': 7,
'circle-fill-color': '#ff50b3a6',
'circle-stroke-color': 'black',
'circle-stroke-width': 2,
},
});
important
Graticule:
https://openlayers.org/en/latest/examples/graticule.html
CartoDB:
https://openlayers.org/en/latest/examples/cartodb.html
Beauty:
https://openlayers.org/en/latest/examples/color-manipulation.html