AerisWeather

August 27

Introducing our New Geocolor Satellite

We are excited to announce the new geocolor satellite layer within the AerisWeather Mapping Platform (AMP). This new satellite layer uses the latest GOES-East imagery to provide pseudo-colorized visible satellite during the daylight hours and infrared satellite overnight.

Geo Color Satellite with Sun Setting Across the US

Geocolor satellite imagery can provide high-resolution detail of all types of weather phenomena, such as storms, smoke and snowfall on the ground. Best of all, this new layer is available to all AMP users!

Geo Color Satellite Showing Wildfire Smoke in Minnesota

Geocolor satellite imagery updates every 15 minutes and can provide for some fantastic animations, as seen in this video of wildfire smoke from British Columbia streaming into Minnesota last week:

Integrating the new Geocolor Satellite Layer

To use the new layer into your project, use the layer name satellite-geocolor with your various Aeris Maps (AMP) integrations.

Static Map

The following would request a static geocolor satellite map view of Key West, Florida:

https://maps.aerisapi.com/[client_id]_[access_key]/flat,satellite-geocolor,cities-dk/700x400/key%20west,fl,7/current.png

1	https://maps.aerisapi.com/[client_id]_[access_key]/flat,satellite-geocolor,cities-dk/700x400/key%20west,fl,7/current.png

Standalone Map Example of a Geo-Color Satellite View of Key West, FL

Standalone Map Example of a Satellite View of Key West, FL

Leaflet Example

The geocolor satellite layer can also be utilized with third-party mapping libraries, such as Leaflet:

var map = L.map('aerismap').setView([44.96, -93.27], 5);
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
    attribution: '&copy; OpenStreetMap contributors'
}).addTo(map);
L.tileLayer('https://maps.aerisapi.com/[client_id]_[client_key]/satellite-geocolor/{z}/{x}/{y}/current.png', {
    subdomains: '1234',
    attribution: '&copy;AerisWeather',
}).addTo(map);

var map = L.map('aerismap').setView([44.96, -93.27], 5);

L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {

attribution: '© OpenStreetMap contributors'

}).addTo(map);

L.tileLayer('https://maps.aerisapi.com/[client_id]_[client_key]/satellite-geocolor/{z}/{x}/{y}/current.png', {

subdomains: '1234',

attribution: '©AerisWeather',

}).addTo(map);

WeatherBlox Example

If you are using our WeatherBlox widgets to add weather and maps to your website, then try the following example made with our WeatherBlox Wizard:

<link rel="stylesheet" href="https://cdn.aerisapi.com/wxblox/aeris-wxblox.css">
<script src="https://cdn.aerisapi.com/wxblox/aeris-wxblox.min.js"></script>

<!--// target DOM element where WeatherBlox will be rendered //-->
<div id="wxblox" class="aeris-wrapper"></div>

<script> 

// set Aeris account access keys
Aeris.wxblox.setAccess('CLIENT_ID', 'CLIENT_SECRET');

// create desired WeatherBlox instance
var view = new Aeris.wxblox.views.MapViewer('#wxblox', {
    map: {
        loc: "minneapolis,mn",
        layers: {
            data: "satellite-geocolor",
            overlays: "cities-dk"
        },
        offset: "current",
        zoom: 6,
        size: {
            width: 600,
            height: "auto",
            factor: 0.75,
            autoscale: true
        }
    },
    animation: {
        enabled: true,
        autoplay: false,
        alwaysShowPast: false,
        alwaysShowFuture: false,
        from: -2,
        to: 0,
        duration: 2,
        endDelay: 1,
        intervals: 10
    },
    overlays: {
        title: "Geocolor Satellite",
        timestamp: "MM/DD/YYYY hh:mm A",
        branding: {}
    },
    controls: {
        layers: []
    }
});

// load data and render the view for a specific location
view.load();

</script>

// set Aeris account access keys

Aeris.wxblox.setAccess('CLIENT_ID', 'CLIENT_SECRET');

// create desired WeatherBlox instance

var view = new Aeris.wxblox.views.MapViewer('#wxblox', {

map: {

loc: "minneapolis,mn",

layers: {

data: "satellite-geocolor",

overlays: "cities-dk"

offset: "current",

zoom: 6,

size: {

width: 600,

height: "auto",

factor: 0.75,

autoscale: true

}

animation: {

enabled: true,

autoplay: false,

alwaysShowPast: false,

alwaysShowFuture: false,

from: -2,

to: 0,

duration: 2,

endDelay: 1,

intervals: 10

overlays: {

title: "Geocolor Satellite",

timestamp: "MM/DD/YYYY hh:mm A",

branding: {}

controls: {

layers: []

}

});

// load data and render the view for a specific location

view.load();

</script>

Start Using the Geocolor Satellite Today!

If you’re in need of high-resolution satellite imagery in your project, impress your users by using the new geocolor satellite layer! Try it out today with our free developer trial.

Post Details

Posted by Lee Huffman at 10:52 pm

2 comments

Categorised in: Developer, General, News

2 Comments

Air Quality Map and Wildfire Map Layers Available - Blog - AerisWeather

September 28, 2018 at 12:54 pm
[…] this example, we placed the fires on top of the geocolor satellite layer, which is also good at depicting the smoke plumes from larger […]

European Radar Expansion in Aeris Weather Maps - Blog - AerisWeather

October 5, 2018 at 6:37 pm
[…] past few weeks, we have been continuously expanding AMP with a unique set of tropical layers, a new geocolor satellite layer, and a new air quality layer. Even with all the new and exciting additions, radar remains the […]