Jump to content
  • Member Statistics

    17,563
    Total Members
    7,904
    Most Online
    Billy Chaos
    Newest Member
    Billy Chaos
    Joined

TWC "Best of Times" Emulators...


KAOS
 Share

Recommended Posts

Using Trimble maps and data for radar slides - static.

Mapbox and TWC data when you click on city name - static.

Mapbox and Xweather when you click on radar button in Regional Radar slide - animated.

Trimble maps and data when you click on radar button (TWC) in Local Radar slides (warning popups and radar map) - static.

NWS radar and data when you click on NWS banner in configuration menu - animated.

Xweather and Mapbox when you click on "Postal" text in configuration menu - static

Xweather and Mapbox when you click on "Airport" text in configuration menu - static.

 

 

Link to comment
Share on other sites

Mapbox hash not working as well as expected.

Using ALK OpenLayers maps in this example, but can be used with others such as mapbox.

Inserted the following code to retrieve url parameters for lng, lat, and zoom.

getParameter = (key) => {
    // Address of the current window
    address = window.location.search
    // Returns a URLSearchParams object instance
    parameterList = new URLSearchParams(address)
    // Returning the respected value associated
    // with the provided key
    return parameterList.get(key)
}
// Gets the value associated with the keys "lng, lat, zoom"
console.log(getParameter("lng"))
console.log(getParameter("lat"))
console.log(getParameter("zoom"))
//Variables
var lng = (getParameter("lng"))
var lat = (getParameter("lat"))
var zoom = (getParameter("zoom"))

Link to comment
Share on other sites

The nws weather data fetching script (MobileX1.js) needs to be edited in order to pass the correct url using lat, lng, etc parameters to the iframes.

radarImage.setAttribute("src", "alkurl.html?lng=" + longitude + "&lat=" + latitude + "&zoom=8");

 

Here is an example using predefined url parameters (everything after the "?")

https://kaosfactory.github.io/alkurl.html?lng=-76&lat=39&zoom=8

If you change the lng, lat, zoom values (in the link above) it will automatically "go to" that location.

 

Result...

https://kaosfactory.github.io/mobileX1.html

Link to comment
Share on other sites

  • 2 weeks later...

Everything is animated.... winds, radar, alerts. 12 hour history in a loop with controls to start, stop and reload. The timeline slider is interactive. You can select any time frame within -12 hours. Move mouse over data points (radar, aleets, etc). and a "popup" containing the data appears..

 

924284291_Screenshot2024-09-11223608.thumb.webp.8fc52d9071409bddae60bd28c9dd6f22.webp

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...