Log in
Log in
Version:
Popular examples
Using a custom image for the placemarkEfficiently adding lots of placemarks to the mapRoute to the point on the mapSearching for organizationsCalculating delivery costGeo link
Map
Creating and deletingHosting maps in the hidden containerGeneral parametersCreating maps on demandResizing the mapCreating your own mapMap margins managerThe polar azimuthal equidistant projection
Geo objects
PlacemarkSetting a custom placemark imageDefining placemark images using CSS spritesPolylineRectanglePolygonFilling a polygon with the imageSpecifying images for the polyline editorCircleThe arrow on the mapMultistroke outlineAdding geo objects to a collectionPolyline editorPolygon editorGetting the list of map objectsGeo object eventsChanging the placemark settingsChanging a placemark icon when hovering over itSetting a hotspot shape of the HTML layout of the placemarkGlyph icons
Balloon and hint
Balloon and hintBalloon that goes off the mapDynamically loading balloon contentPlacemark and balloon panelThe layout of the placemark hintThe layout of the placemark balloonCustom balloon layout with autopositioning
Controls
Standard sets of controlsAdding individual controlsAdding buttons to the mapCustom button layoutCustom layout for the zoom controlCreating a custom drop-down list layoutCustom control
Hotspots
Clustering
Creating a clustererCreating a clusterer with arbitrary iconsChanging the color of clusters and placemarks when hoveringOpening the cluster balloon with the selected objectChanging the clusterer cell sizeLayout for cluster balloon "Two columns"Layout for cluster balloon "Accordion"Layout for cluster balloon "Carousel"Custom cluster balloon layoutLayout in the form of a pie chart
GeoQuery
Points falling within a circleSearching for the nearest object.Adding objects to the visible area of the mapThe intersection of a route with a polygon using the example of the Moscow Ring RoadFiltering objects by various attributesPositioning the map to display geocoding results and clusteringLoading geo data using jQuery and adding it to the map
Behaviors and events
Map behaviorSubscribing to the DOM element eventsEvent properties. Click coordinatesUsing the dragger
Search on a map
Direct geocodingReverse geocodingDetermining the address of a click on the map using reverse geocodingSearching for organizationsSearching across your own objectsCustom display for search results
Traffic
User's location
Routing
Building a driving multirouteBuilding a multiroute on public transportBuilding a pedestrian multirouteConfiguring the view of a multirouteCustom layout for the multiroute balloonWorking with multiroute data and eventsWorking with the multiroute model data and eventsEditing a multirouteBuilding a routeEditing a routeCalculating delivery cost
YMapsML
Changing the map typeAdding placemarks to the mapChanging a placemark iconPolylineClosed polylinePolygonSetting the object styleStyle inheritanceLoading styles from a separate fileChanging the balloon content template.Displaying geocoding resultsCreating a menu for displaying groups of objectsConverting GeoRSS to YMapsML
GeoXML
ObjectManager
Adding objects to the map via ObjectManagerEvent handling in objects of ObjectManagerOpening the balloon on the placemark in ObjectManagerLoading the placemark balloon data on demandAdding objects with different geometries to the map.Adding placemarks with various options and content to the ObjectManagerAdding a GeoJSON file to the map from the maps constructorFiltering objects
Modular system
Panoramas
Inserting into the Yandex panoramas pageCreating your own panoramaAdding markers to the panoramaCreating connections between custom panoramasDisplaying a panorama in the balloon
External modules
Creating connections between custom panoramas
Save as filesEdit on JSFiddle
Пишете на JavaScript? У нас есть вакансии
©2024
Mon Oct 31 2022 13:07:25 GMT+0300 (Moscow Standard Time)
The API allows you to connect created panoramas to each other and add interactive elements to switch between them. These elements can be standard connection arrows, or special connection markers. You can add an unlimited number of connection elements to the same panorama.
To add a standard connection arrow to a panorama, redefine the getConnectionArrows method in the panorama class. It should return an array of class instances describing the connection from one panorama to another (in the example, this is the ConnectionArrows class). This class must specify the panorama to switch to and the viewing direction for this panorama. Note that you can't change display options for the arrows.
To add a standard transition arrow to a panorama, redefine the getThoroughfares method in the panorama class. It should return an array of class instances describing the transition from one panorama to another (in the example, this is the Thoroughfares class). This class must specify the panorama to transition to and the viewing direction for this panorama. Note that you can't change display options for the arrows.
Note that when adding a connection from one panorama to another, the reverse connection isn't created automatically, and you need to create it yourself.
In this example, we created two custom panoramas and added connections between them using standard arrows. On the first panorama (the one that is displayed when opening the example), we added a marker that connects to a Yandex panorama when clicked. Note that the reverse direction (i.e. switching from the Yandex panorama to the custom panorama) is not possible.