Route Planner for 3D Moon Surface

This project is a 3D route planner for plotting paths on the moon's surface, using CesiumJS to render a realistic lunar environment. You can visualize and plot a rover's route based on given coordinates.

---

🚀 Features

• 3D Moon Surface Rendering: Utilizes CesiumJS to display the moon in a realistic 3D environment.
• Custom Path Plotting: Load and visualize a path by providing a JSON file with coordinates.
• Interactive Navigation: Pan, zoom, and rotate around the rendered moon to analyze the path from multiple perspectives.
• Lightweight: Requires no additional backend setup, runs directly in the browser.

---

📁 Project Structure

The key components of the project are:

• index.html: Entry point for the application.
• styles.css: Styling for the interface.
• app.js: JavaScript logic for loading and rendering the path.
• coordinates.json: JSON file containing coordinates for the rover's path.

---

📋 Prerequisites

To run this project, ensure you have:

• Live Server (e.g., VS Code's Live Server extension) or any local development server to serve the HTML file.
• A modern browser with WebGL support.

---

🛠️ How to Run

1. Clone the repository:

   git clone https://github.com/yourusername/Route-Planner.git

2. Navigate to the project folder:

   cd Route-Planner

3. Run with Live Server:
   • Open index.html with a live server (e.g., via VS Code).
   • Alternatively, serve the project using any static file server.
4. Visualize the Path:
   • The moon's surface and the path will render automatically based on the coordinates.json file.

---

📄 JSON Format for Coordinates

Ensure your coordinates.json follows this format:

[
  { "latitude": 0.0, "longitude": 0.0, "height": 0.0 },
  { "latitude": 10.0, "longitude": 15.0, "height": 100.0 },
  { "latitude": -5.0, "longitude": 20.0, "height": 200.0 }
]

• latitude: Latitude of the point in degrees.
• longitude: Longitude of the point in degrees.
• height: Elevation of the point.

---

🌌 Technologies Used

• CesiumJS: For 3D visualization of the moon's surface.
• HTML, CSS, JavaScript: Core technologies for building the web application.
• JSON: Data format for providing coordinates.

---

🌟 Future Improvements

• Allow users to upload custom JSON files.
• Add real-time interactivity for creating paths dynamically.
• Improve UI with additional controls and overlays.

---

🤝 Contributing

Contributions are welcome! If you'd like to improve the project:

1. Fork the repository.
2. Create a new branch (feature/your-feature).
3. Commit your changes.
4. Open a Pull Request.

---

📝 License

This project is licensed under the MIT License.

---

🔗 Live Demo

Live Demo of Route Planner

---

Happy Moon Mapping! 🌕