Korumalı alan |
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
Regions
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
Loading predefined modules during initializationLoading the module on demandCreating your own module
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
Getting the list of map objects
Save as filesEdit on JSFiddle
Пишете на JavaScript? У нас есть вакансии
The example demonstrates how to create a menu to display collections of geo objects on the map.
To create such a menu, you must create two representations of a geo object: its API-representation (in the form of placemarks on the map) and its DOM representation (i.e. the menu item).
These representations can be linked inside the event handler for the DOM representation (click on menu item) by calling specific methods in the API representation of the geo object (adding/removing placemarks on the map).
In this example, the menu is based on the data array that is defined in the file groups.js.
The example is discussed more in the developers' club.