Welcome to the course where we build a self-driving car simulation in a virtual world using HTML, CSS and JavaScript. The world editor we built is nice. Feels really fast to use, definitely minimizing the number of clicks. But you know what’s better than a few clicks?
⭐NO CLICKS!⭐
Let's learn about OpenStreetMap: how to query data from it using overpass turbo and how to parse it in our code. You’ll also learn about real-world coordinates, how they work and the geometry of our 3D world. 🌎
Have Fun! :-)
⭐PLAYLIST⭐
https://www.youtube.com/playlist?list=PLB0Tybl0UNfZtY5IQl1aNwcoOPJNtnPEO
⭐FINAL APP⭐
https://radufromfinland.com/projects/virtualworld
💻CODE💻
https://github.com/gniziemazity/virtual-world
9. Integration = follow along
10. OpenStreetMap = code after this lesson
⭐LINKS⭐
https://www.openstreetmap.org
https://overpass-turbo.eu [ Note that overpass has also an API ;-) ]
⭐ALL PREREQUISITES⭐
https://www.youtube.com/playlist?list=PLB0Tybl0UNfZ3nnHVg8SJ4uK3R4QD6R0H
⭐Emoji I used in the video⭐
🗺️✔️❌
☕Buy me a Coffee?☕
https://www.buymeacoffee.com/radum
⚡️Join this Channel⚡️
https://youtube.com/@radu/join
⭐Timestamps⭐
00:00 Introduction
01:01 Preparing to use OSM Data
05:55 OpenStreetMap and Overpass Turbo
12:53 Parsing OSM Data
16:19 Latitude and Longitude
24:29 Understanding Coordinates
25:34 Proper Scaling
34:46 One-way Road Segments
38:14 Optimization
42:50 Saving the World Failed (Partially)
