Build tropical cyclone visuals with our raster mapping offering.
Though MapsGL does not currently have tropical layers, you can still display raster tropical layers on a MapsGL map using this same process.
During tropical cyclone season, there are often multiple active systems that may have overlapping tracks and five-day forecasts. Displaying tropical cyclones on a map can highlight overlapping storm paths, causing the visualization to lose clarity. To improve this, we will walk through adding the option to allow users to select one storm at a time via the layers panel. You can view a working CodePen example here.
Next, let’s define the order and associated names of the basins to separate the active systems into:
Once the interactive map has loaded, we need to fetch the active systems and display them within the layers panel:
Once loaded, if there are active systems, the layers panel will look similar to:
Next, we'll add an event to capture a user selecting an individual tropical system and trigger the map to refresh and zoom in on the selected typical system:
Below is the complete example code. Remember to replace CLIENT_ID and CLIENT_KEY YOUR ID and key!
For a tutorial on customizing the styling of a tropical cyclone on your map, visit this article. As seen in our working CodePen example, some customization options are using icons for a system's forecast path or displaying date and time labels with the forecast.