March 23

Create a 3D Weather Globe with AerisWeather and the ArcGIS JavaScript SDK

AerisWeather offers a wide array of weather map layers for use within your projects. Whether you need a stand-alone map for a visual display or a fully interactive dashboard for an enterprise command center, our weather mapping platform (AMP) and our suite of tools can assist. Our mapping platform can integrate with many third-party libraries, allowing you to create some unique displays such as a 3D weather map. The ESRI ArcGIS JavaScript API is one potential library for creating 3D visuals. Utilizing the ArcGIS API along with a few lines of code, you can have a fully interactive 3D globe with weather layers that works on desktops and modern mobile phones and tablets.

Creating a 3D Map

With the ArcGIS JavaScript API, a globe is considered a 3D map and implemented using a SceneView. As in our working example, the following snippet is the core of creating the 3D map:

The above code will create a globe similar to:

Creating a 3D weather map with ArcGIS

Creating a 3D weather map with ArcGIS

Adding Weather Layers to the Globe

Easily add AerisWeather map layers, such as radar to the globe with the following code example:

Where:

  •   = Your AerisWeather application client ID
  •   = The application AerisWeather access key.
  •   = The map layers to add to the globe

Note, that the {subDomain}, {level}, {col}, and {row} should be left as is. These are variables used by the ArcGIS JS API when requesting tiles. 

Adding Radar to the 3D Weather Map

Radar is one of our most popular layers and perfect for displaying on the globe. Adding radar can be achieved by replacing   with .

The example above will create a globe similar to the following, or check out our working demo:

Example of a 3D Weather Map with Radar

Example of a 3D Weather Map with Radar

Adding Derived Global Radar to the Globe

Alternatively, to use the new derived global radar, replace  with .

Check out the demo of our global radar on an ArcGIS globe.

3D Weather Map with Global Radar (Derived)

3D Weather Map with Global Radar (Derived)

Global Temperatures on the 3D Weather Map

Our AerisWeather Maps Platform (AMP), offers a variety of global current conditions and forecast layers.  One of the most utilized is our global temperatures layer, which is perfect for use on a globe and available to all AMP subscriptions. As with our temperature globe demo, replace  with .

Global Temperatures on a 3D Weather Map

Global Temperatures on a 3D Weather Map

Notice in the above example, we added the  overlay on top of the global temperatures so that the boundaries can be visualized. Similarly, as in the following example, if you are only interested in the temperatures on land you could also add  the   water mask layer:

Global Temps with a Water Mask on a Globe

Global Temps with a Water Mask on a Globe

Begin Making 3D Weather Maps Today!

AerisWeather and the ArcGIS JavaScript library, make the perfect combo for creating exciting and interactive 3D weather maps. Check out our collection of examples, and start making your own weather globes today. Don’t have an AerisWeather Mapping subscription? Then start with our free developer trial account!

 

 

Share this post:

1 Comment

  1. Alex Siannas
    April 29, 2020 at 5:42 pm

    I would like to use this for personal use only and no company is associated with this.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.