mirror of
https://github.com/nikdoof/website-hugo.git
synced 2025-12-14 13:52:17 +00:00
54 lines
1.3 KiB
JavaScript
54 lines
1.3 KiB
JavaScript
var layers = [new ol.layer.Tile({ source: new ol.source.OSM() })];
|
|
var layer = layers[0];
|
|
var dragPan = new ol.interaction.DragPan();
|
|
// function createStyle(src, img) {
|
|
// return new Style({
|
|
// image: new Icon({
|
|
// anchor: [-2.49259, 53.4929387],
|
|
// crossOrigin: 'anonymous',
|
|
// src: src,
|
|
// img: img,
|
|
// imgSize: img ? [img.width, img.height] : undefined,
|
|
// }),
|
|
// });
|
|
// }
|
|
|
|
// const iconFeature = new Feature(new Point([0, 0]));
|
|
// iconFeature.set('style', createStyle('data/icon.png', undefined));
|
|
|
|
var map = new ol.Map({
|
|
interactions:[
|
|
],
|
|
controls: [
|
|
],
|
|
layers: layers,
|
|
target: 'map',
|
|
view: new ol.View({
|
|
center: ol.proj.fromLonLat([-2.493739, 53.493150]),
|
|
// center: [-2.49258, 53.4929384],
|
|
zoom: 17
|
|
}),
|
|
});
|
|
|
|
// Create markers
|
|
var markers = new ol.layer.Vector({
|
|
source: new ol.source.Vector(),
|
|
style: new ol.style.Style({
|
|
image: new ol.style.Icon({
|
|
anchor: [0.5, 1],
|
|
scale: 0.5,
|
|
src: '/user/themes/leighhack/images/leighhackspace-map-marker.png'
|
|
})
|
|
})
|
|
});
|
|
map.addLayer(markers);
|
|
|
|
// Display Hackspace
|
|
var hackspace = new ol.Feature(new ol.geom.Point(ol.proj.fromLonLat([-2.49370, 53.4931])));
|
|
markers.getSource().addFeature(hackspace);
|
|
|
|
// Greyscale the map
|
|
// var enhance = new ol.filter.Colorize({ operation: 'grayscale', value: 1 });
|
|
// layer.addFilter(enhance);
|
|
|