diff --git a/BART.wdgt/BART.html b/BART.wdgt/BART.html index a7c7a06..037216c 100644 --- a/BART.wdgt/BART.html +++ b/BART.wdgt/BART.html @@ -14,6 +14,16 @@ + + diff --git a/BART.wdgt/Script/BART.js b/BART.wdgt/Script/BART.js index 07386db..92fa4e9 100644 --- a/BART.wdgt/Script/BART.js +++ b/BART.wdgt/Script/BART.js @@ -85,9 +85,12 @@ function Bart () { // to the trip list are incorrect, but it works because the the trip list only cares // about deltas, not absolutes. function getCoordsFromEvent (event) { - if (!event.clientX || !event.clientY) { return {} } - var x = event.clientX - 8; // canvas left - var y = event.clientY - 31; // titlebar height + if (event.clientX == null || event.clientY == null) { return {} } + var canvas = document.getElementById("bart_map_canvas") + var rect = canvas.getBoundingClientRect() + var scale = rect.width / canvas.width // handles CSS transform: scale() + var x = (event.clientX - rect.left) / scale + var y = (event.clientY - rect.top) / scale return { x:x, y:y } }