Idea de proyecto | Buscador de hora de salida/puesta del sol

Título del proyecto: Amanecer-Anochecer | Un portal web para calcular el tiempo de salida y puesta del sol.

Puedes ver el portal web en vivo aquí .

Introducción: El objetivo del proyecto es proporcionar un portal web que ayude a calcular la puesta del sol o la hora del sol para cualquier lugar del mundo en cualquier fecha especificada. Digamos que queremos encontrar la hora de la puesta y la salida del sol en Chandni Chowk, Nueva Delhi, Delhi, India el 15 de julio de 2017. Luego, usando este portal web, podemos encontrarla fácilmente.

Herramientas de programación y marcos utilizados:

  • HTML
  • CSS
  • JavaScript
  • JSON
  • jQuery
  • Materializar CSS
  • API de mapas de Google
  • API de salida y puesta del sol

Procedimiento :

  1. Use Materialise CSS para construir el front-end.
    En la PC se verá como algo:

    En el móvil se verá como algo:

  2. Use la API de javascript de Google Maps para obtener sugerencias para buscar un lugar. También obtenga la latitud y la longitud del centro de esa ubicación.
  3. Utilice la API Sun Rise Sun Set para obtener la hora de puesta/salida del sol en formato JSON. Para lograr esto, debemos realizar una solicitud AJAX a la API anterior y obtener el resultado JSON.
  4. Después de extraer el resultado de la API sun rise sun set, muestra el resultado.

Puede encontrar el código fuente completo aquí en GitHub: Dawn-Dusk

Puedes ver el portal web en vivo aquí .

Este artículo es una contribución de Pratik Chhajer . Si le gusta GeeksforGeeks y le gustaría contribuir, también puede escribir un artículo usando contribuya.geeksforgeeks.org o envíe su artículo por correo a contribuya@geeksforgeeks.org. Vea su artículo que aparece en la página principal de GeeksforGeeks y ayude a otros Geeks.

Escriba comentarios si encuentra algo incorrecto o si desea compartir más información sobre el tema tratado anteriormente.

Publicación traducida automáticamente

Artículo escrito por GeeksforGeeks-1 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *