Snap map clicks to actual grid

This commit is contained in:
Skylar Ittner 2021-11-11 21:16:09 -07:00
parent 8dcd5f5a59
commit ed04df965b
2 changed files with 9 additions and 4 deletions

View File

@ -91,7 +91,7 @@ function showLocationPopup(latitude, longitude, words, accuracy) {
}
popup = new mapboxgl.Popup();
popup.setLngLat({lat: latitude, lng: longitude});
popup.setHTML("<b><span class='copyonclick'>" + words + "</span></b><br>" + (Math.round(latitude * 10000) / 10000) + ", " + (Math.round(longitude * 10000) / 10000));
popup.setHTML("<b><span class='copyonclick'>" + words + "</span></b><br>" + latitude + ", " + longitude);
popup.addTo(map);
popup._closeButton.onclick = clearRectangle;
drawRectangle(

View File

@ -26,14 +26,19 @@ function maplibreMap() {
map.on('click', function (e) {
var coordinates = e.lngLat;
try {
var words = FixPhrase.encode(coordinates.lat, coordinates.lng);
var latitude = (Math.round(coordinates.lat * 10000) / 10000);
var longitude = (Math.round(coordinates.lng * 10000) / 10000);
var words = FixPhrase.encode(latitude, longitude);
map.flyTo({
center: e.lngLat,
center: {
lat: latitude,
lng: longitude
},
zoom: Math.max(map.getZoom(), 14)
});
showLocationPopup(coordinates.lat, coordinates.lng, words, 0.0001);
showLocationPopup(latitude, longitude, words, 0.0001);
} catch (e) {
alert(e);
}