38 lines
1005 B
JavaScript
38 lines
1005 B
JavaScript
|
/**
|
||
|
|
* Client interactions
|
||
|
|
*/
|
||
|
|
var map = L.map('map').setView([51.505, -0.09], 14)
|
||
|
|
OS_API_KEY = "NVUxtY5r8eA6eIfwrPTAGKrAAsoeI9E9"
|
||
|
|
|
||
|
|
// Basemap
|
||
|
|
L.tileLayer('https://api2.ordnancesurvey.co.uk/mapping_api/v1/service/zxy/EPSG%3A3857/Outdoor 3857/{z}/{x}/{y}.png?key='+OS_API_KEY, {
|
||
|
|
maxZoom: 20,
|
||
|
|
minZoom: 7
|
||
|
|
}).addTo(map)
|
||
|
|
|
||
|
|
// Rendered layer
|
||
|
|
var vis_tiles = L.tileLayer('/tiles/{z}/{x}/{y}.png', {
|
||
|
|
maxZoom: 20,
|
||
|
|
minZoom: 14,
|
||
|
|
attribution: 'Geometries © Ordnance Survey Crown Copyright, Data © Colouring London contributors;'
|
||
|
|
})
|
||
|
|
|
||
|
|
vis_tiles.addTo(map);
|
||
|
|
|
||
|
|
// Query for building on click
|
||
|
|
map.on('click', function(e){
|
||
|
|
console.log(e.latlng)
|
||
|
|
const lat = e.latlng.lat
|
||
|
|
const lng = e.latlng.lng
|
||
|
|
fetch(
|
||
|
|
'/buildings?lat='+lat+'&lng='+lng
|
||
|
|
).then(
|
||
|
|
response => response.json()
|
||
|
|
).then(function(data){
|
||
|
|
console.log(data)
|
||
|
|
if (data.geometry_id){
|
||
|
|
vis_tiles.setUrl('/tiles/{z}/{x}/{y}.png?highlight='+data.geometry_id)
|
||
|
|
}
|
||
|
|
})
|
||
|
|
})
|