This page requires a reasonably modern HTML5 browser
If this message is not soon replaced by an interactive world map,
then it is likely that your browser does not support this web app.
|Azi / Alt:||/|
|Rise / Set:||/|
Ordinal day of the year:
Sunrise: , Sunset:
This is a small web app I've been wanting to do for some time. Obviously this is very much inspired by others such as SunCalc and SunEarthTools. However I have tried to make a more interactve, configurable and mobile-friendly version with better time zone selection.
To move the sun-path diagram around, simply click and drag the location marker within the world map. It should be fast enough even on a phone or tablet to update in close to real time. You can also double-click or double-tap anywhere within the map to set the position expicitly.
If you intend using this for a particular project or in a demonstration, you can save the settings for each example and then simply load or drag/drop the file anywhere in the browser page whenever you need. You can also manually edit all the various app settings using the Edit Settings as JSON... item in the menu and then either copy/paste them into a text file or store the new settings as the default start-up values using the same menu.
The Shift and Ctrl/Meta keys are used pretty extensively to modify interactive data entry. This applies to all increment buttons, scroll wheel motion, slider controls and input elements.
NOTE: You can use the scroll wheel to edit a data value when hovering over any slider, numeric input or even table rows that indicate their editibility.
This page uses the following frameworks/components: