layout.Image

Extends ILayout.

Class for creating layouts containing a picture.

Constructor | Fields | Events | Methods

Constructor

layout.Image(data)

Creates an instance of the picture layout.

Parameters:

Parameter

Default value

Description

data*

Type: ILayout

Layout data.

data.options

Type: ILayout

Layout options.

data.options.imageClipRect

Type: Number[][]

Coordinates of the display area of the original image, in pixels.

data.options.imageHref

Type: String

URL of the image file.

data.options.imageOffset

Type: Number[]

Offset of the image relative to the anchor point.

data.options.imageSize

Type: Number[]

Dimensions of the image layer.

data.options.shape

Type: IShape|Object|null

The hotspot shape. Can be set as an instance of a class that implements the IShape interface or a JSON description of the pixel geometry of the icon. If not set, the rectangular shape based on the size and offset of the icon will be calculated automatically. The coordinates of the figure geometry are counted from the anchor point.

* Mandatory parameter/option.

Example:

// Creating a round placemark with a 20-pixel radius.
var placemark = new ymaps.Placemark([59.936952, 30.343334], null, {
    iconLayout: 'default#image',
    iconImageHref: './images/roundImage.png',
    iconImageSize: [40, 40],
    iconImageOffset: [-20, -20],
    // Defining a hotspot on top of the image.
    iconShape: {
        type: 'Circle',
        coordinates: [0, 0],
        radius: 20
    },
});

Fields

Name

Type

Description

events

IEventManager

Event manager.

Inherited from IDomEventEmitter.

Events

Name

Description

click

Single left-click on the object. When using, keep in mind that mouse events are emulated when a touch screen is used. Instance of the MapEvent class. More information is available in domEvent.manager.

Inherited from IDomEventEmitter.

contextmenu

Calls the element's context menu. When using, keep in mind that mouse events are emulated when a touch screen is used. Instance of the MapEvent class. More information is available in domEvent.manager.

Inherited from IDomEventEmitter.

dblclick

Double left-click on the object. When using, keep in mind that mouse events are emulated when a touch screen is used. Instance of the MapEvent class. More information is available in domEvent.manager.

Inherited from IDomEventEmitter.

emptinesschange

Change to the empty layout indicator. Instance of the Event class.

Inherited from ILayout.

mousedown

Pressing the mouse button over the object. When using, keep in mind that mouse events are emulated when a touch screen is used. Instance of the MapEvent class. More information is available in domEvent.manager.

Inherited from IDomEventEmitter.

mouseenter

Pointing the cursor at the object. When using, keep in mind that mouse events are emulated when a touch screen is used. Instance of the MapEvent class. More information is available in domEvent.manager.

Inherited from IDomEventEmitter.

mouseleave

Moving the cursor off of the object. When using, keep in mind that mouse events are emulated when a touch screen is used. Instance of the MapEvent class. More information is available in domEvent.manager.

Inherited from IDomEventEmitter.

mousemove

Moving the cursor over the object. When using, keep in mind that mouse events are emulated when a touch screen is used. Instance of the MapEvent class. More information is available in domEvent.manager.

Inherited from IDomEventEmitter.

mouseup

Letting go of the mouse button over an object. When using, keep in mind that mouse events are emulated when a touch screen is used. Instance of the MapEvent class. More information is available in domEvent.manager.

Inherited from IDomEventEmitter.

multitouchend

End of multitouch. This event is only available on devices that support multitouch. Returns an implementation of the IMultiTouchEvent interface.

Inherited from IDomEventEmitter.

multitouchmove

Repeating event during multitouch. This event is only available on devices that support multitouch. Returns an implementation of the IMultiTouchEvent interface with information about touches. Defines the touches property, which contains a list of touches. Every touch is described by an object that contains the following fields:

  • clientX - X coordinate of the touch relative to the viewable area of the browser.
  • clientY - Y coordinate of the touch relative to the viewable area of the browser.
  • pageX - X coordinate of the touch relative to the beginning of the document.
  • pageY - Y coordinate of the touch relative to the beginning of the document.

Inherited from IDomEventEmitter.

multitouchstart

Start of multitouch. This event is only available on devices that support multitouch. Returns an implementation of the IMultiTouchEvent interface with information about touches. Defines the touches property, which contains a list of touches. Every touch is described by an object that contains the following fields:

  • clientX - X coordinate of the touch relative to the viewable area of the browser.
  • clientY - Y coordinate of the touch relative to the viewable area of the browser.
  • pageX - X coordinate of the touch relative to the beginning of the document.
  • pageY - Y coordinate of the touch relative to the beginning of the document.

Inherited from IDomEventEmitter.

parentelementchange

Change to the parent element. Instance of the Event class.

Inherited from ILayout.

shapechange

Change to the shape of the area spanning the layout. Instance of the Event class.

Inherited from ILayout.

wheel

Mouse wheel scrolling. When using, keep in mind that mouse events are emulated when a touch screen is used. Instance of the MapEvent class. More information is available in domEvent.manager.

Inherited from IDomEventEmitter.

Methods

Name

Returns

Description

destroy()

Destructor. Called when activity with the layout is finished.

Inherited from ILayout.

getData()

Object

Returns layout data object.

Inherited from ILayout.

getParentElement()

HTMLElement

Returns parent HTML element.

Inherited from ILayout.

getShape()

IShape|null

Returns a shape that defines the area spanning the layout, or null if it is not possible to plot this shape. Coordinates of the shape's geometry should be calculated from the anchor point of the parent layout element.

Inherited from ILayout.

isEmpty()

Boolean

Returns true if the layout is empty, i.e. it does not have any content. This indicator is used for hiding empty objects such as hints, balloons, and others.

Inherited from ILayout.

setData(data)

Sets layout data.

Inherited from ILayout.

setParentElement(parent)

Adds the layout to the DOM tree.

Inherited from ILayout.