Introducing our New Geocolor Satellite

August 27

We are excited to announce the new geocolor satellite layer within the Aeris 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.

Twitter

Post Details

Posted by Lee Huffman at 10:52 pm