Solutions to exercises to code 1-6

[blinkityblank]

• [x] Using altitude of the ISS to control its size on a map
• [x] Making the ISS icon the center of the map and have the map move around it instead of the icon move.
• [x] Using p5.js for custom drawing (maybe a path with a velocity vector)

[shiffman]

Checking off the first one above with 374d7876997534ed42dbba082b3c97ae9c749dad, however, the example actually doesn't work as the size doesn't update unless I delete and re-add the marker . . which causes it to blink. For the video I think it's ok just to show that altitude is an additional DOM element and I'll figure it out later! Code for reference:

const w = (altitude * aspect) / 10;
const h = altitude / 10;
issIcon.options.iconSize = [w, h];
issIcon.options.iconAnchor = [w / 2, h / 2];

// Size not changing unless I remove and re-add marker?
// TODO: There has got to be a better way!
// mymap.removeLayer(marker);
// marker = L.marker([0, 0], { icon: issIcon }).addTo(mymap);