Sandbox — Yandex Technologies

Company
Jobs
For Developers
For Advertisers
For Investors

Company
Jobs
For Developers
For Advertisers
For Investors

All Technologies
/
Maps API
/
Products and features
/
JavaScript API
/

Version: 2.1

Popular examples

Using a custom image for the placemark Efficiently adding lots of placemarks to the map Route to the point on the map Searching for organizations Calculating delivery cost Geo link

Map

Creating and deleting Hosting maps in the hidden container General parameters Creating maps on demand Resizing the map Creating your own map Map margins manager The polar azimuthal equidistant projection

Geo objects

Placemark Setting a custom placemark image Defining placemark images using CSS sprites Polyline Rectangle Polygon Filling a polygon with the image Specifying images for the polyline editor Circle The arrow on the map Multistroke outline Adding geo objects to a collection Polyline editor Polygon editor Getting the list of map objects Geo object events Changing the placemark settings Changing a placemark icon when hovering over it Setting a hotspot shape of the HTML layout of the placemark Glyph icons

Balloon and hint

Balloon and hint Balloon that goes off the map Dynamically loading balloon content Placemark and balloon panel The layout of the placemark hint The layout of the placemark balloon Custom balloon layout with autopositioning

Controls

Standard sets of controls Adding individual controls Adding buttons to the map Custom button layout Custom layout for the zoom control Creating a custom drop-down list layout Custom control

Hotspots

Hotspot layer

Clustering

Creating a clusterer Creating a clusterer with arbitrary icons Changing the color of clusters and placemarks when hovering Opening the cluster balloon with the selected object Changing the clusterer cell size Layout for cluster balloon "Two columns"Layout for cluster balloon "Accordion"Layout for cluster balloon "Carousel"Custom cluster balloon layout Layout in the form of a pie chart

GeoQuery

Points falling within a circle Searching for the nearest object.Adding objects to the visible area of the map The intersection of a route with a polygon using the example of the Moscow Ring Road Filtering objects by various attributes Positioning the map to display geocoding results and clustering Loading geo data using jQuery and adding it to the map

Behaviors and events

Map behavior Subscribing to the DOM element events Event properties. Click coordinates Using the dragger

Search on a map

Direct geocoding Reverse geocoding Determining the address of a click on the map using reverse geocoding Searching for organizations Searching across your own objects Custom display for search results

Traffic

"Traffic" control Traffic layer on the map without buttons added

User's location

Detecting user location Adding the "Geolocation" button Creating a map with the user's location

Routing

Building a driving multiroute Building a multiroute on public transport Building a pedestrian multiroute Configuring the view of a multiroute Custom layout for the multiroute balloon Working with multiroute data and events Working with the multiroute model data and events Editing a multiroute Building a route Editing a route Calculating delivery cost

YMapsML

Changing the map type Adding placemarks to the map Changing a placemark icon Polyline Closed polyline Polygon Setting the object style Style inheritance Loading styles from a separate file Changing the balloon content template.Displaying geocoding results Creating a menu for displaying groups of objects Converting GeoRSS to YMapsML

GeoXML

Displaying GPX and KML

ObjectManager

Adding objects to the map via ObjectManager Event handling in objects of ObjectManager Opening the balloon on the placemark in ObjectManager Loading the placemark balloon data on demand Adding objects with different geometries to the map.Adding placemarks with various options and content to the ObjectManager Adding a GeoJSON file to the map from the maps constructor Filtering objects

Modular system

Loading the module on demand Creating your own module

Panoramas

Inserting into the Yandex panoramas page Creating your own panorama Adding markers to the panorama Creating connections between custom panoramas Displaying a panorama in the balloon

External modules

Heatmap with CCTV cameras

Filling a polygon with the image

Export

Save as filesEdit on JSFiddle

ready, Map, Polygon, map.GeoObjects

You can fill polygon, rectangle and circle with a background image. Specify a link to the background image in the fillImageHref option.

Type of the background fill - fillMethod. The option can take one of two values:

stretch - the background image stretches to fit the overlay.
tile - the background image is repeated without changes in size.

polygon_with_image.htmlpolygon_with_image.js

Пишете на JavaScript? У нас есть вакансии

Support
User Agreement

Mon Oct 31 2022 13:07:25 GMT+0300 (Moscow Standard Time)