Examples

Standard Today Block with Background

jQuery(document).ready(function () {
   jQuery("#example1").weatherForecast({
      city: "New York",
      region: "New York",
      country: "US",
      count: 1,
      theme: {
         backgroundColor: "#007cf3",
         color: "#fff",
         forceImageWhite: true,
         border: "none",
      },
      appID: "your-app-id-here",
   });
});

Standard Forecast Block with 5 Days Using Specific Location

jQuery(document).ready(function () {
   jQuery("#example4").weatherForecast({
      city: "New York",
      region: "New York",
      country: "US",
      count: 5,
      appID: "your-app-id-here"
   });
});

Standard Forecast Block with 7 Days using Location Services and Metric Units

jQuery(document).ready(function () {
   jQuery("#example6").weatherForecast({
      count: 7,
      unit: "metric",
      appID: "your-app-id-here"
   });
});

Standard Horizontal Forecast with 3 Days Using Specific Location, Customized Language / Days

jQuery(document).ready(function () {
   jQuery("#example7").weatherForecast({
      city: "Mexico City",
      country: "MX",
      count: 3,
      unit: "metric",
      showCity: false,
      orientation: "vertical",
      theme: {
         border: "none",
      },
      days: [
         "Domingo",
         "Lunes",
         "Martes",
         "Miércoles",
         "Jueves",
         "Viernes",
         "Sábado",
      ],
      lang: "es",
      appID: "your-app-id-here"
   });
});

Last updated