April 7

Improved GeoColor Satellite Map Imagery

Our GeoColor Satellite imagery provides a uniquely colorized satellite view, including both land and water surfaces and is visible during the day and the evening. Since its introduction, it has proven to be one of our most popular satellite layers. Today we are announcing a significant upgrade to this layer, expanding its coverage to be fully global! This improvement is part of our recent AerisWeather Maps update. Check out the release history for this and other recent improvements.

Accessing the Improved GeoColor Satellite

If you are already utilizing the GeoColor Satellite layer, then no changes are required. The expanded coverage is within the existing layer and will be available in your applications.

If you would like to integrate the improved layer within your application, use the satellite-geocolor layer name within your applications. You may also want to include the cities-dk overlay to include outlines and city names above the GeoColor Satellite layer.

For example, here’s a static map view of the world:

Global GeoColor Satellite View

http://maps.aerisapi.com/[CLIENTID]_[ACCESSKEY]/satellite-geocolor,cities-dk/750x385/-59.1759,-180,73.8248,180/current.png

1	http://maps.aerisapi.com/[CLIENTID]_[ACCESSKEY]/satellite-geocolor,cities-dk/750x385/-59.1759,-180,73.8248,180/current.png

or the same image using our AerisWeather Maps Wizard.

Or, an example centered over Tokyo, Japan:

GeoColor Satellite over Japan

https://map-api.staging.amp.aerisframework.com/[CLIENTID]_[ACCESSKEY]/satellite-geocolor,cities-dk/750x385/tokyo,japan,4/current.png

1	https://map-api.staging.amp.aerisframework.com/[CLIENTID]_[ACCESSKEY]/satellite-geocolor,cities-dk/750x385/tokyo,japan,4/current.png

or via the AerisWeather Maps Wizard.

Create a GeoColor Globe

Now that the GeoColor Satellite has global coverage, what’s cooler than rendering it on a globe!

GeoColor Satellite Globe

To create the above globe, use our ArcGIS JS API Globe example and update the layer name to be satellite-geocolor as visible in the code below, or check out a working example.

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title></title>
    <meta name="viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no"/>

    <link rel="stylesheet" href="https://js.arcgis.com/4.17/esri/themes/light/main.css">
    <script src="https://js.arcgis.com/4.17/"></script>
    <style>
        body { margin:0; padding:0; }
        #map { position:absolute; top:0; bottom:0; width:100%; }
    </style>
</head>
<body>

<div id='map'></div>
<script>
    require([
        "esri/layers/WebTileLayer",
        "esri/Map",
        "esri/views/SceneView"
    ], function (WebTileLayer, Map, SceneView) {
        const map = new Map({
            basemap: 'streets',
            ground: "world-elevation"
        });

        const view = new SceneView({
            container: "map",
            map: map,
            scale: 40345678,
            center: [-72.47,11.05] // longitude, latitude
        });

        const weatherLayer = new WebTileLayer({
            urlTemplate: "http://maps{subDomain}.aerisapi.com/[clientId]_[clientKey]/satellite-geocolor,cities-dk/{level}/{col}/{row}/current.png",
            subDomains: ["1", "2", "3", "4"],
            copyright :
                'Weather Layers by <a href="http://aerisweather.com/">AerisWeather.com</a>, '
        });
        map.add(weatherLayer);
    });


</script>
</body>
</html>

<!DOCTYPE html>

<html>

<head>

<style>

body { margin:0; padding:0; }

#map { position:absolute; top:0; bottom:0; width:100%; }

</style>

</head>

<body>

require([

"esri/layers/WebTileLayer",

"esri/Map",

"esri/views/SceneView"

], function (WebTileLayer, Map, SceneView) {

const map = new Map({

basemap: 'streets',

ground: "world-elevation"

});

const view = new SceneView({

container: "map",

map: map,

scale: 40345678,

center: [-72.47,11.05] // longitude, latitude

});

const weatherLayer = new WebTileLayer({

urlTemplate: "http://maps{subDomain}.aerisapi.com/[clientId]_[clientKey]/satellite-geocolor,cities-dk/{level}/{col}/{row}/current.png",

subDomains: ["1", "2", "3", "4"],

'Weather Layers by <a href="http://aerisweather.com/">AerisWeather.com</a>, '

});

map.add(weatherLayer);

});

</script>

</body>

</html>

Start Mapping Today

The layer is available to all AerisWeather Maps subscribers! If you’re new to Maps, don’t forget to visit the product page, documentation and sign up for a free 30-day trial to access your platform-agnostic weather mapping tiles.

Ready to get started with AerisWeather with a unique use case? Our accounts team is ready to assist you. Contact us today!

Post Details

Posted by Lee Huffman at 4:59 pm

Improved GeoColor Satellite Map Imagery

Accessing the Improved GeoColor Satellite

Create a GeoColor Globe

Start Mapping Today

No comments yet.

Leave a Reply Cancel reply