2022-04-03 05:23:48 +00:00
< html >
< head >
< link rel = "stylesheet" href = "../../css/spectre.min.css" >
2022-04-03 05:52:47 +00:00
< script src = "https://cdn.jsdelivr.net/gh/mourner/simplify-js@1.2.4/simplify.min.js" > < / script >
2022-04-03 05:23:48 +00:00
< script src = "https://code.jquery.com/jquery-3.6.0.min.js"
integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous">< / script >
< / head >
< body >
2022-04-03 19:58:49 +00:00
< p id = "status" > No course< / p >
2022-04-05 18:18:21 +00:00
< div >
< button id = "upload" class = "btn btn-primary" disabled = "true" > Upload to Device< / button >
< button id = "download" class = "btn btn-primary" disabled = "true" > Download Course< / button >
< / div >
2022-04-03 05:23:48 +00:00
< script src = "../../core/lib/customize.js" > < / script >
< script src = "./maptools.js" > < / script >
< script >
const url = "https://overpass-api.de/api/interpreter";
2022-04-04 03:58:44 +00:00
let query = `[out:json][timeout:5];relation["name"="Davis Golf Course"];way(r)["golf"="hole"];foreach->.a(.a out;.a >>;out;way(around.a:40.0)["golf"]["golf"!="hole"];out;>>;out;)`; // this gets everything at least
2022-04-03 05:23:48 +00:00
let course_input = null;
function findNodeCoordinates(elements, id) {
for (let i = 0; i < elements.length ; i + + ) {
if (elements[i].type === "node" & & elements[i].id === id) {
let thing = (({ lat, lon }) => ({ lat, lon }))(elements[i]);
return thing;
}
}
console.error("node id: ", id, " not found");
}
function processFeatures(course_verbose) {
let course_processed = {
holes: {}
};
let current_hole = 0;
for (let i = 0; i < course_verbose.length ; i + + ) {
const element = course_verbose[i];
if (element.type === "way") {
// if we find a high-level hole feature
if (element.tags.golf === "hole") {
current_hole = parseInt(element.tags.ref); //subsequent way features should be applied to the current hole
let nodes = [];
for (const node_id of element.nodes) {
nodes.push(findNodeCoordinates(course_verbose, node_id));
}
var hole = {
hole_number: current_hole,
handicap: parseInt(element.tags.handicap),
par: parseInt(element.tags.par),
nodes: nodes,
features: [],
}
course_processed.holes[current_hole.toString()] = hole;
}
// if we find a feature add it to the corresponding hole
2022-04-05 18:18:21 +00:00
if (/(green)|(bunker)|(tee)|(teebox)|(fairway)|(water_hazard)/.test(element.tags.golf)) {
2022-04-03 05:23:48 +00:00
let nodes = []
for (const node_id of element.nodes) {
nodes.push(findNodeCoordinates(course_verbose, node_id));
}
let new_feature = {
nodes: nodes,
type: element.tags.golf,
id: element.id,
}
course_processed.holes[current_hole.toString()].features.push(new_feature);
}
}
}
return course_processed;
}
2022-04-05 19:59:09 +00:00
function preprocessCoords(course_input) {
2022-04-03 05:23:48 +00:00
// first do the high-level way
for (var hole in course_input.holes) {
course_input.holes[hole].nodesXY = arraytoXY(course_input.holes[hole].nodes, course_input.holes[hole].nodes[0])
// then do the shapes in the features
for (var feature in course_input.holes[hole].features) {
2022-04-03 05:52:47 +00:00
many_points = arraytoXY(course_input.holes[hole].features[feature].nodes, course_input.holes[hole].nodes[0]);
2022-04-05 18:18:21 +00:00
less_points = simplify(many_points, 2, true); // from simplify-js
2022-04-03 19:58:49 +00:00
// convert to int to save some memory
course_input.holes[hole].features[feature].nodesXY = less_points.map(function (pt) {
return { x: Math.round(pt.x), y: Math.round(pt.y) }
});
delete course_input.holes[hole].features[feature].nodes; // delete coords because they take up a lot of memory
2022-04-03 05:23:48 +00:00
}
course_input.holes[hole].angle = angle(course_input.holes[hole].nodesXY[0], course_input.holes[hole].nodesXY[course_input.holes[hole].nodesXY.length - 1])
}
return course_input;
}
2022-04-05 19:59:09 +00:00
var course = {};
var course_name = "Davis";
2022-04-05 18:18:21 +00:00
$("#upload").click(function () {
sendCustomizedApp({
2022-04-05 19:59:09 +00:00
storage: course
2022-04-05 18:18:21 +00:00
});
});
$("#download").click(function () {
2022-04-05 19:59:09 +00:00
downloadObjectAsJSON(course, "golfcourse-" + course_name);
2022-04-05 18:18:21 +00:00
});
2022-04-03 05:23:48 +00:00
// download info from the course
$.post(url, query, function (result) {
course_input = result;
2022-04-04 03:58:44 +00:00
console.log(course_input);
2022-04-03 05:23:48 +00:00
out = processFeatures(course_input.elements);
out = preprocessCoords(out);
console.log(out);
2022-04-05 19:59:09 +00:00
course = {
name: "golfcourse-" + course_name + ".json",
content: JSON.parse(JSON.stringify(out)) // deep copy
};
2022-04-03 19:58:49 +00:00
$('#status').text("Course retrieved!");
$('#upload').attr("disabled", false);
2022-04-05 18:18:21 +00:00
$('#download').attr("disabled", false);
2022-04-03 05:23:48 +00:00
})
< / script >
< / body >
< / html >
