The Yandex Maps API provides developers with tools for embedding interactive and static maps in applications. The JavaScript API allows adding maps to web pages along with user interaction features and objects like placemarks and polylines. The Static API generates map images for embedding. Additional services include a geocoder for address lookup and routing for directions. Documentation and support is available on the developer website.

1. Yandex Maps API
Andrey Karmatsky
karma@yandex‐team.ru

2. Яндекс
.Карты
Yandex Maps:
– 180 ci8es of Russia, Ukraine and other CIS countries
– World map in Russian
– Detailed satellite images for 300 ci8es

3. Яндекс
.Карты
Map Hybrid Satellite

4. API Yandex Maps is free

5. Our toolbox for developers
Яндекс API Я.Карт
JavaScript API
Sta$c API
Geocoder
Router
YMapsML

6. JavaScript API
Interactive map on your page

7. JavaScript API
Quick start
Add API script
<script src=“http://api-maps.yandex.ru/{version}/key={API-
key}”/>
Add placeholder for the map
<div id=“mapID” style=“width:200px; height:200px;”>
Initialize the map
var map = new YMaps.Map(YMaps.jQuery(“#mapID”));
map.setCenter(
new YMaps.GeoPoint(39.68,47.25), // set center
10, // set zoom
YMaps.MapType.MAP // map type
);
Example: http://api.yandex.ru/maps/jsapi/examples/mapbasics.html

8. JavaScript API
User interac8on
– Built-in functions
(dragging map, zooming by double-click, zooming by mouse wheel, right-click area selection,
hot keys, ruler)
– Standard control elements
(search bar, toolbar, map type selector, zoom control, preview map window)
– YMaps.IControl – to create your custom controls
Example: http://api.yandex.ru/maps/jsapi/examples/mapcontrolsadding.html

9. JavaScript API
Objects on the map
Placemarks
http://api.yandex.ru/maps/jsapi/examples/coordinatesmarkers.html
Polylines
http://api.yandex.ru/maps/jsapi/examples/mappolylinesediting.html
Polygons
http://api.yandex.ru/maps/jsapi/examples/mapstylepolygon.html
You can customize object styles: placemark icon and shadow image, color and
thickness of lines and polygon border, polygon fill color
YMaps.IOverlay – to create your custom objects

10. • Здесь нужна картинка кальки
Static API
Embedded map image on your page

11. Stati
c
API
Map parameters
Size
Zoom
View area
Map objects: placemarks, polylines, polygons
Example: http://static-maps.yandex.ru/1.x/?l=map&pl=c:8822DDC0,w:
5,37.656577,55.741176,37.656748,55.741419,37.655131,55.741814,37.658257,55.74252
4,37.659811,55.743066,37.659667,55.743233,37.659551,55.743603,37.659775,55.74392
8,37.662398,55.745281&pt=37.656577,55.741176,pmrdm1~37.662398,55.745281,pmblm
2~37.667788,55.732017,pmwtl3&key=ABYQNEkBAAAAgM-
ZTwMAK_IKAfJkc-72mWoAq8el6lFmTeEAAAAAAAAAAAChHQgTyECkUqGduyet_fMaeQ
6ckw==
More StaticAPI examples: http://api.yandex.ru/maps/staticapi/examples/

12. Geocoder
convert an address into
geographic coordinates

13. Geocoder
– reverse-geocoding
– coordinates into address
– spell-checking
– viewport biasing
– language selection
– paging

14. Geocoder
Geocoder interfaces
JavaScript geocoder:
– YMaps.Geocoder object in JavaScript API
– Search bar control (YMaps.SearchControl)
XML-based HTTP-service
http://geocode-maps.yandex.ru/1.x/

15. Router
get driving direc8ons

16. Router
YMaps.Router object in JS API
– returns
– route length and time
– detailed driving directions
– route geometry (polyline)
– now available in Moscow and Ukraine (in «beta»)

17. Thank you
Developers forum – http://clubs.ya.ru/mapsapi/
Support – support@api-maps.yandex.ru
Documentation – http://api.yandex.ru/maps/doc/
Website – http://api.yandex.ru/maps/
Andrey Karmatsky
karma@yandex‐team.ru