54 lines
1.4 KiB
JavaScript
54 lines
1.4 KiB
JavaScript
import GeoJSON from 'ol/format/GeoJSON.js';
|
|
import VectorLayer from 'ol/layer/Vector.js';
|
|
import VectorSource from 'ol/source/Vector.js';
|
|
|
|
import serviceAreas from './mn-ambulance-service-areas.geojson?url';
|
|
|
|
import { Fill, Stroke, Style, Text } from 'ol/style.js';
|
|
|
|
window.chosenColors = {};
|
|
window.chosenColors2 = {};
|
|
|
|
function style(feature){
|
|
const name = feature.get('AmbServNam');
|
|
// // djb2 -- results in very non-uniform distribution
|
|
// // https://web.archive.org/web/20251011200517/https://www.cse.yorku.ca/~oz/hash.html
|
|
// let hash = 5381;
|
|
// for (let i = 0; i < name.length; i++) {
|
|
// hash = hash * 33 + name.charCodeAt(i);
|
|
// }
|
|
// const colorDeg = hash % 360;
|
|
|
|
// erichash -- thanks @villnoweric
|
|
let hash = 0;
|
|
for (let i = 0; i < name.length; i++) {
|
|
hash += name.charCodeAt(i);
|
|
}
|
|
let colorDeg = hash % 360;
|
|
|
|
return new Style({
|
|
text: new Text({
|
|
text: name,
|
|
}),
|
|
fill: new Fill({
|
|
color: `lch(50% 50 ${colorDeg} / 40%)`,
|
|
}),
|
|
stroke: new Stroke({
|
|
color: `lch(50% 50 ${colorDeg})`,
|
|
width: 1.25,
|
|
}),
|
|
});
|
|
}
|
|
|
|
const layer = {
|
|
name: "MN Ambulance Service Areas",
|
|
layer: new VectorLayer({
|
|
source: new VectorSource({
|
|
url: serviceAreas,
|
|
format: new GeoJSON(),
|
|
}),
|
|
style: style,
|
|
}),
|
|
};
|
|
|
|
export default layer;
|