Image control

When do you use it?

The image control can be used to overlay an image on top of your map. This is a great way to add custom legends, charts, or graphics to support the current view.

Advanced Editor

@controls {
  bottom-right {
    image {
      src: "https://upload.wikimedia.org/wikipedia/commons/thumb/8/8d/President_Barack_Obama.jpg/220px-President_Barack_Obama.jpg";
      height: 140;
    }
  }
}

Supported properties

• src the url of the image to include (must be wrapped in quotes)

• width override the width of the image (optional)

• height override the height of the image (optional)

Check out our controls reference to see the full list of properties and values recognized by the image control.