Version:
Popular examples
Map
Geo objects
Balloon and hint
Controls
Hotspots
Regions
Clustering
GeoQuery
Behaviors and events
Search on a map
Traffic
User's location
Routing
YMapsML
GeoXML
ObjectManager
Modular system
Panoramas
External modules

Adding markers to the panorama

Save as filesEdit on JSFiddle

This example shows how to display markers on a custom panorama.

To add a marker to the panorama, create a class that describes the marker (in the example, this is the Marker class). This class must implement the IPanoramaMarker interface. In addition, add the getMarkers method to the panorama class (MyPanorama in the example). This method should return instances of the Marker class.

Note that the API doesn't have any marker images, so you have to create them yourself.

Depending on the user's actions, the marker can have one of the following states: 'default', 'hovered', 'expanded' or 'expandedHovered'.

In order for the marker's appearance to change for different states, you need to define images for these states. The image for the 'default' state is always required.

This example sets images for three marker states: 'default', 'hovered' and 'expanded'. Images for the first two states are stored on the server, and the image for the 'expanded' state is drawn in Canvas.

Note that the example shows a panorama without a full vertical view. The documentation discusses projecting this panorama on a sphere, and explains how to set the geometry of this panorama.