41 lines
925 B
JavaScript
41 lines
925 B
JavaScript
|
'use strict';
|
||
|
|
|
||
|
|
// Create a map
|
||
|
|
|
||
|
|
var options = {};
|
||
|
|
if (user_lat && user_lon) {
|
||
|
|
options = {
|
||
|
|
center: [user_lat, user_lon],
|
||
|
|
zoom: 15,
|
||
|
|
};
|
||
|
|
}
|
||
|
|
|
||
|
|
var map = L.map("map", options);
|
||
|
|
map.zoomControl.setPosition('topright');
|
||
|
|
|
||
|
|
if (!user_lat || !user_lon) {
|
||
|
|
map.fitBounds([[49.85,-10.5], [58.75, 1.9]]);
|
||
|
|
}
|
||
|
|
|
||
|
|
// Add OpenStreetMap layer
|
||
|
|
var osm = L.tileLayer("https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png", { maxZoom: 18 });
|
||
|
|
|
||
|
|
osm.addTo(map);
|
||
|
|
|
||
|
|
var hits = document.getElementsByClassName("hit-card");
|
||
|
|
var current_hit = null;
|
||
|
|
|
||
|
|
for (const card of hits) {
|
||
|
|
card.addEventListener('mouseover', event => {
|
||
|
|
var id_string = card.id;
|
||
|
|
if (current_hit == id_string) return;
|
||
|
|
current_hit = id_string;
|
||
|
|
var re_id = /^hit-card-(\d+)$/;
|
||
|
|
var hit_index = re_id.exec(id_string)[1];
|
||
|
|
var [south, north, west, east] = bbox_list[hit_index];
|
||
|
|
var bounds = [[north, west], [south, east]];
|
||
|
|
|
||
|
|
map.fitBounds(bounds);
|
||
|
|
});
|
||
|
|
}
|