I created a “pterosaur tracker” that used the Google maps API and JS to show a pterosaur fly across the U.S., making stops on its way to the museum.
I utilized the JS Canvas API to create an image that would follow the rotational position of the KML points which gave a feeling of the pterosaur actually flying. I used a requestAnimationFrame (it was a new part of the JS API) which provided the feeling that the pterosaur was flying on the Google Map with 60fps.
This project's CSS was adpted from the American Museum of Natural History pterosaur's website. It was a traveling exhibit so the styling had to have continuity across sites. I think the desing that I came up with was a good blend between NHMLA's website conventions and AMNH's.go to website >