Yandex Maps API

8,259 views

Published on

small presentation about Yandex Maps API with same examples

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
8,259
On SlideShare
0
From Embeds
0
Number of Embeds
14
Actions
Shares
0
Downloads
20
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide




  • подкорректировать определение








  • заменить картинку на поиск чего-то



  • Yandex Maps API

    1. 1. Yandex Maps API Andrey
Karmatsky karma@yandex‐team.ru
    2. 2. Яндекс .Карты Yandex
Maps: – 180
ci8es
of
Russia,
Ukraine
and
other
CIS
countries – World
map
in
Russian – Detailed
satellite
images
for
300
ci8es
    3. 3. Яндекс .Карты Map Hybrid Satellite
    4. 4. API
Yandex
Maps
is
free
    5. 5. Our toolbox for developers Яндекс API
Я.Карт JavaScript
API Sta$c
API Geocoder Router YMapsML
    6. 6. JavaScript API Interactive map on your page
    7. 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. 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. 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. 10. • Здесь
нужна
картинка
кальки Static API Embedded map image on your page
    11. 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. 12. Geocoder convert an address into geographic coordinates
    13. 13. Geocoder – reverse-geocoding – coordinates into address – spell-checking – viewport biasing – language selection – paging
    14. 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. 15. Router get
driving
direc8ons
    16. 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. 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

    ×