The Weather Map Website is an interactive web application that allows users to view real-time weather data, including temperature 🌡️ and pressure 🌬️, by clicking on a map. The application integrates map-based interactivity with weather APIs for a seamless user experience.
- Interactive Map 🗺️: Users can click anywhere on the map to get weather data for that location.
- Real-Time Weather Details 📊: Displays temperature 🌡️, atmospheric pressure 🌬️, humidity 💧, and other weather metrics.
- Current Location Support 📍: Automatically fetches weather data for your current location when the website loads.
- Search by City 🔎: Option to manually search for weather information of specific cities.
- Responsive Design 📱: Fully optimized for desktops, tablets, and mobile devices.
- Dynamic Weather Layers (Optional) 🌈: Add weather overlays like temperature 🌡️, pressure 🌬️, and wind speed 🌪️ directly on the map.
- view for weather webiste https://weather-qu.netlify.app/ 🌦️
- The map loads with a default view of the world. 🌍
- Click on any location to fetch weather data for that specific point. 🖱️
- View the temperature 🌡️, pressure 🌬️, humidity 💧, and other details in a popup.
- Grant location permission when prompted by your browser. ✅
- The map automatically centers on your location and shows local weather data. 📡
- Use the search bar to find a specific city. 🏙️
- The map pans to the selected city, displaying its weather information. 📌
- OpenWeatherMap API for weather data. 🌦️
- Leaflet.js for interactive map functionality. 🗺️
- Mapbox or similar mapping APIs for map integration. 🗺️
- Browser Geolocation API for location detection. 📍