Esri Leaflet
This content has moved to Please update your bookmarks!

ImageMapLayer MosaicRule

Display an Image Service from ArcGIS Online or ArcGIS Server and apply a mosaic rule to dynamically control how the service combines rasters into a mosaic. This sample shows sea temperature at the surface for the week of April 7, 2014. More information about Image Services can be found in the L.esri.ImageMapLayer documentation.

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

  <!-- Load Leaflet from CDN -->
  <link rel="stylesheet" href=""
  <script src=""

  <!-- Load Esri Leaflet from CDN -->
  <script src=""

    body { margin:0; padding:0; }
    #map { position: absolute; top:0; bottom:0; right:0; left:0; }

<div id="map"></div>

  var mosaicRule = {
    multidimensionalDefinition: [
        // DEPTH: show only temperatures at sea surface
        dimensionName: 'StdZ', // water depth
        values: [0], // sea surface or 0ft
        isSlice: true
        // TIME: only show temperatures for the week of April 7, 2014
        dimensionName: 'StdTime', // time temp was recorded
        values: [1396828800000], // week of April 7, 2014
        isSlice: true

  var map ='map').setView([30, 0], 2);

    url: '',
    mosaicRule: mosaicRule,
    useCors: false