Devlog #6 — Markers, orbit track & resizeShort session today but got a few important things done.Set
the globe’s starting view — looking down at lat: 20, lng: 0 from
altitude 2.4. Basically a nice “overview of Earth” angle when the page
loads. Auto-rotate speed set to 0.45, slow and smooth. Small detail but
it makes the whole thing feel alive even before any data loads.Then
the markers. Two functions — makeIssEl() and makeObsEl() — each just
creates a div with the right CSS class and inner HTML. The ISS gets the
orange ring, the observer gets a “You” label. Simple.Found
two HTML typos in there while writing this. makeIssEl() has </div
missing the closing >. makeObsEl() is missing the opening < on the
dot div — ‘div class=“dot”>’ instead of ‘’.
Both will silently break the markers in the browser. Need to fix those.The
orbit track was interesting. It loops from -25 minutes to +70 minutes
around now, samples a position every 1.5 minutes, builds a path array.
So you see where the ISS came from and where it’s going. Past 25
minutes, future 70. Felt like a very “Python” approach — just loop,
collect, feed into the renderer.Also wired up
resize handling. Globe redraws to fill its container whenever the window
size changes. One listener, one function.