Media Layer (Media)

Media layer displays one media on the map positionned by 4 control points.

Referenced by: operationalLayers


Property Details
blendMode Blend modes are used to create various effects by blending colors of top and background layers. normal blend mode is the default.
Valid values: average, color, color-burn, color-dodge, darken, destination-atop, destination-in, destination-out, destination-over, difference, exclusion, hard-light, hue, invert, lighten, lighter, luminosity, minus, multiply, normal, overlay, plus, reflect, saturation, screen, soft-light, source-atop, source-in, source-out, vivid-light, xor
effect Effect provides various filter functions to achieve different visual effects similar to how image filters (photo apps) work.
georeference The georeference used to place a media in a MediaLayer.
id A unique identifying string for the layer.
layerType String indicating the layer type.
Valid value of this property MediaLayer
maxScale A number representing the maximum scale at which the layer will be visible. The number is the scale's denominator.
mediaType Indicates the type of media the url points to. The currently only supported type is 'image' in jpeg or png format.
Valid value of this property image
minScale A number representing the minimum scale at which the layer will be visible. The number is the scale's denominator.
opacity The degree of transparency applied to the layer on the client side, where 0 is full transparency and 1 is no transparency.
title A user-friendly string title for the layer that can be used in a table of contents.
url URL to the media file. The url is relative when the media file is stored as an item resource.
visibility Boolean property determining whether the layer is initially visible in the web map.

mediaLayer Example

Live sample web map showing Media layer as an operationalLayer

  "id": "MediaLayer_1234",
  "layerType": "MediaLayer",
  "mediaType": "image",
  "url": "./resources/media/23ba39fd-e5fa-4169-a65f-1b0c8dc122ef.png",
  "visibility": true,
  "opacity": 1,
  "title": "Cosmic Cliffs",
  "blendMode": "multiply",
  "minScale": 0,
  "maxScale": 0,
  "georeference": {
    "coefficients": [
    "controlPoints": [
        "x": 89,
        "y": 1918
        "x": 83,
        "y": 101
        "x": 1508,
        "y": 97
        "x": 1517,
        "y": 1906
    "height": 2048,
    "spatialReference": {
      "wkid": 4267
    "width": 1585

Your browser is no longer supported. Please upgrade your browser for the best experience. See our browser deprecation post for more details.