ashatora/openlayers
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Make code prettier

Browse Source 
This updates ESLint and our shared eslint-config-openlayers to use Prettier.  Most formatting changes were automatically applied with this:

    npm run lint -- --fix

A few manual changes were required:

 * In `examples/offscreen-canvas.js`, the `//eslint-disable-line` comment needed to be moved to the appropriate line to disable the error about the `'worker-loader!./offscreen-canvas.worker.js'` import.
 * In `examples/webpack/exapmle-builder.js`, spaces could not be added after a couple `function`s for some reason.  While editing this, I reworked `ExampleBuilder` to be a class.
 * In `src/ol/format/WMSGetFeatureInfo.js`, the `// @ts-ignore` comment needed to be moved down one line so it applied to the `parsersNS` argument.
This commit is contained in:
Tim Schaub
2020-04-06 12:25:12 -06:00
parent 53b48baf62
commit 054af09032
790 changed files with 46833 additions and 33765 deletions
Download Patch File Download Diff File Expand all files Collapse all files

256
rendering/cases/multipoint-style/main.js
View File

@@ -1,169 +1,185 @@
import CircleStyle from '../../../src/ol/style/Circle.js';
import Feature from '../../../src/ol/Feature.js';
import MultiPoint from '../../../src/ol/geom/MultiPoint.js';
import Fill from '../../../src/ol/style/Fill.js';
import Map from '../../../src/ol/Map.js';
import View from '../../../src/ol/View.js';
import MultiPoint from '../../../src/ol/geom/MultiPoint.js';
import Stroke from '../../../src/ol/style/Stroke.js';
import Style from '../../../src/ol/style/Style.js';
import VectorLayer from '../../../src/ol/layer/Vector.js';
import VectorSource from '../../../src/ol/source/Vector.js';
import CircleStyle from '../../../src/ol/style/Circle.js';
import Fill from '../../../src/ol/style/Fill.js';
import Style from '../../../src/ol/style/Style.js';
import Stroke from '../../../src/ol/style/Stroke.js';
import View from '../../../src/ol/View.js';
const vectorSource = new VectorSource();
let feature;
feature = new Feature({
geometry: new MultiPoint([[-20, 18]])
geometry: new MultiPoint([[-20, 18]]),
});
feature.setStyle(new Style({
image: new CircleStyle({
radius: 2,
fill: new Fill({
color: '#91E339'
})
})
}));
vectorSource.addFeature(feature);
feature = new Feature({
geometry: new MultiPoint([[-10, 18]])
});
feature.setStyle(new Style({
image: new CircleStyle({
radius: 4,
fill: new Fill({
color: '#5447E6'
})
})
}));
vectorSource.addFeature(feature);
feature = new Feature({
geometry: new MultiPoint([[4, 18]])
});
feature.setStyle(new Style({
image: new CircleStyle({
radius: 6,
fill: new Fill({
color: '#92A8A6'
})
})
}));
vectorSource.addFeature(feature);
feature = new Feature({
geometry: new MultiPoint([[-20, 3]])
});
feature.setStyle(new Style({
image: new CircleStyle({
radius: 2,
fill: new Fill({
color: '#91E339'
feature.setStyle(
new Style({
image: new CircleStyle({
radius: 2,
fill: new Fill({
color: '#91E339',
}),
}),
stroke: new Stroke({
color: '#000000',
width: 1
})
})
}));
);
vectorSource.addFeature(feature);
feature = new Feature({
geometry: new MultiPoint([[-10, 3]])
geometry: new MultiPoint([[-10, 18]]),
});
feature.setStyle(new Style({
image: new CircleStyle({
radius: 4,
fill: new Fill({
color: '#5447E6'
feature.setStyle(
new Style({
image: new CircleStyle({
radius: 4,
fill: new Fill({
color: '#5447E6',
}),
}),
stroke: new Stroke({
color: '#000000',
width: 2
})
})
}));
);
vectorSource.addFeature(feature);
feature = new Feature({
geometry: new MultiPoint([[4, 3]])
geometry: new MultiPoint([[4, 18]]),
});
feature.setStyle(new Style({
image: new CircleStyle({
radius: 6,
fill: new Fill({
color: '#92A8A6'
feature.setStyle(
new Style({
image: new CircleStyle({
radius: 6,
fill: new Fill({
color: '#92A8A6',
}),
}),
stroke: new Stroke({
color: '#000000',
width: 3
})
})
}));
);
vectorSource.addFeature(feature);
feature = new Feature({
geometry: new MultiPoint([[-20, -15]])
geometry: new MultiPoint([[-20, 3]]),
});
feature.setStyle(new Style({
image: new CircleStyle({
radius: 2,
stroke: new Stroke({
color: '#256308',
width: 1
})
})
}));
vectorSource.addFeature(feature);
feature = new Feature({
geometry: new MultiPoint([[-10, -15]])
});
feature.setStyle(new Style({
image: new CircleStyle({
radius: 4,
fill: new Fill({
color: 'rgba(0, 0, 255, 0.3)'
feature.setStyle(
new Style({
image: new CircleStyle({
radius: 2,
fill: new Fill({
color: '#91E339',
}),
stroke: new Stroke({
color: '#000000',
width: 1,
}),
}),
stroke: new Stroke({
color: '#256308',
width: 2
})
})
}));
);
vectorSource.addFeature(feature);
feature = new Feature({
geometry: new MultiPoint([[4, -15]])
geometry: new MultiPoint([[-10, 3]]),
});
feature.setStyle(new Style({
image: new CircleStyle({
radius: 6,
fill: new Fill({
color: 'rgba(235, 45, 70, 0.6)'
feature.setStyle(
new Style({
image: new CircleStyle({
radius: 4,
fill: new Fill({
color: '#5447E6',
}),
stroke: new Stroke({
color: '#000000',
width: 2,
}),
}),
stroke: new Stroke({
color: '#256308',
width: 3
})
})
}));
);
vectorSource.addFeature(feature);
feature = new Feature({
geometry: new MultiPoint([[4, 3]]),
});
feature.setStyle(
new Style({
image: new CircleStyle({
radius: 6,
fill: new Fill({
color: '#92A8A6',
}),
stroke: new Stroke({
color: '#000000',
width: 3,
}),
}),
})
);
vectorSource.addFeature(feature);
feature = new Feature({
geometry: new MultiPoint([[-20, -15]]),
});
feature.setStyle(
new Style({
image: new CircleStyle({
radius: 2,
stroke: new Stroke({
color: '#256308',
width: 1,
}),
}),
})
);
vectorSource.addFeature(feature);
feature = new Feature({
geometry: new MultiPoint([[-10, -15]]),
});
feature.setStyle(
new Style({
image: new CircleStyle({
radius: 4,
fill: new Fill({
color: 'rgba(0, 0, 255, 0.3)',
}),
stroke: new Stroke({
color: '#256308',
width: 2,
}),
}),
})
);
vectorSource.addFeature(feature);
feature = new Feature({
geometry: new MultiPoint([[4, -15]]),
});
feature.setStyle(
new Style({
image: new CircleStyle({
radius: 6,
fill: new Fill({
color: 'rgba(235, 45, 70, 0.6)',
}),
stroke: new Stroke({
color: '#256308',
width: 3,
}),
}),
})
);
vectorSource.addFeature(feature);
const vectorLayer = new VectorLayer({
source: vectorSource
source: vectorSource,
});
new Map({
layers: [
vectorLayer
],
layers: [vectorLayer],
target: 'map',
view: new View({
projection: 'EPSG:4326',
center: [0, 0],
zoom: 1
})
zoom: 1,
}),
});
render();