maps.chandlerswift.com/layers/amtrak/layer.js

27 lines
765 B
JavaScript
Raw Normal View History

2023-07-03 15:27:18 -05:00
import VectorLayer from 'ol/layer/Vector';
import {Vector as VectorSource} from 'ol/source.js';
import GeoJSON from 'ol/format/GeoJSON.js';
import {Style, Stroke} from 'ol/style.js';
import url from './data.geojson?url'; // TODO: remove `?url`?
2023-07-03 15:27:18 -05:00
const colors = '0,83,126'; // from their website's cookie banner, and other places
2023-07-03 15:27:18 -05:00
const vectorLayer = new VectorLayer({
source: new VectorSource({
url: url,
2023-07-03 15:27:18 -05:00
format: new GeoJSON,
}),
style: function(feature, resolution){
return new Style({
stroke: new Stroke({
color: `rgba(${colors},${Math.min(1, Math.pow(resolution/10, 1/4))})`,
2023-07-03 15:27:18 -05:00
width: 10/Math.pow(resolution, 1/4),
})
});
},
});
export default vectorLayer;