WebApp for Singapore Weather forecasts rewritten using Flutter

I thought the old Singapore Weather Nowcast WebApp at this site https://dominoc925-pages.appspot.com/webapp/weather_sg/default.html written using the AngularJS framework and Bootstrap was a good candidate for a Flutter app. So I rolled up the sleeves and rewrote it using Flutter. Now it has Material design and this is how it looks and works.

4 day outlooks

For the Flutter version, I included additional data from the National Environment Agency (NEA)'s 4 day outlooks with temperature, wind and humidity values.

2 hour nowcasts

The 2 hour weather nowcast is now displayed in a responsive 2 pane display.

On small screens, a tab bar will appear displaying the nowcast list and map on separate tabs. 

 

24 hour forecasts

The new 24 hour forecasts are separated by 3 tabs as shown in the screenshot below. Clicking each tab will show the forecast for that time period. And like the 2 hour nowcast display, the 24 hour forecasts display is also responsive to screen sizes.

To try out the new Flutter WebApp, visit this web site: https://dominoc925-pages.appspot.com/webapp/weather_sg/default.html.

How to add a Singapore OneMap tile layer to QGIS

Singapore OneMap provides a wide range of tile maps in difference color schemes that can be used in web map applications (with the proper attribution, of course). For more information about OneMap, visit the website https://docs.onemap.sg/maps/original.html. 

QGIS has functions to load and display maps from map tile providers such as OneMap. The following shows a few simple steps to connect and add a OneMap original tile layer to the map pane of QGIS.

1. Start up QGIS.
   
   
2. In the Browser panel, mouse left-click on the Tile Server (XYZ) node. Choose New Connection.
   
   The New XYZ tile layer dialog box appears.
   
3. In the text field, type in the URL of a OneMap tile layer, e.g. https://www.onemap.gov.sg/maps/tiles/Original/{z}/{x}/{y}.png.
4. Click OK.
   
   The New XYZ tile layer dialog box appears.
   
5. In the text field, type in a meaningful name, e.g. OneMap. Click OK.
   
   The tile layer is added to the Browser panel.
   
6. To display it in the map view, mouse double click on the added layer in the Browser panel.
   
   The OneMap tile layer is displayed.