← back to help.techwithdarin.com

Thailand trip map

A Google My Map I'm using to plan a Thailand trip — 70 pins across five categories (destinations, adventures, restaurants, places to stay, and the airports getting me there) — loaded into Three.js. The destinations are the point; the flights are just one chapter. Click a pin for descriptions, photos, and the YouTube clips I saved while researching.

Interactive map

Default view is Thailand with every pin from the map. Switch to Connections to pull back and see flight routes.

How this was built: the source Google My Map exports as KML. A Python pipeline (scripts/thailand-flights/) parses 70 placemarks across 5 folders, fetches an elevation-tinted Earth texture from AWS Terrain Tiles, and computes great-circle distances. The browser loads Three.js from a CDN and draws every pin and arc in WebGL — no pre-rendered video. CI regenerates the assets on each deploy and ships them to S3 + CloudFront.