9. 9
Отличительные особенности 2.1:
• Отказ от поддержки устаревших
браузеров (особенно от IE 6 и 7)
• Частичное изменение программного
интерфейса со сломом обратной
совместимости
• Ориентирование на различные типы
устройств
20. 20
Своя кнопка в 2.1
Large
Medium
Small
Пример http://jsfiddle.net/6Zv3X/1/
21. 21
Своя кнопка в 2.1
new ymaps.control.Button({
data: {
content: 'Моя кнопка',
image: 'http://site/img.button.svg'
}
});
Пример http://jsfiddle.net/6Zv3X/1/
39. 39
Создание балуна геообъекта
var placemark = new ymaps.Placemark(
map.getCenter(), {
balloonContentBody: ‘Информация в балуне’
}
);
Пример http://bit.ly/1so6Ygt
48. 48
Пример создания своей HTML метки
layout =
ym.templateLayoutFactory.createClass(
'<div class=placemark></div>'
),
placemark = new ym.Placemark(
map.getCenter(), {}, {
iconLayout: layout
});
Пример http://bit.ly/1jlcPOJ
49. 49
Новый язык шаблонов макетов
[if !data.message]
Нет ни одной записи
[else]
$[[data.message]]
$[data.sublayout]
[endif]
{% if !data.message %}
Нет ни одной записи
{% else %}
{{ data.message }}
{% include data.sublayout %}
{% endif %}
50. 50
Итерация в шаблоне макета
var balloonLayout =
ymaps.templateLayoutFactory.createClass(
'<ul>' +
'{% for listItem in properties.wishList %}' +
'<li>{{ listItem }}</li>' +
'{% endfor %}' +
'</ul>'
);
var placemark = new ymaps.Placemark(
map.getCenter(),
{ wishList: [ 'Дорогая машина', 'Дом на
побережье', 'Portal gun' ] },
{ balloonContentLayout: balloonLayout }
);
Пример http://bit.ly/1q8jsom
80. 80
Использование API в PhoneGap
• Нельзя создавать локальную копию API
Яндекс.Карт
• Нужно передавать HTTP заголовок Referer
вида
«http://идентификатор_приложения_в_сторе.y
mapapp»
82. 82
Ссылки
Официальная группа в Facebook
https://www.facebook.com/ymapsapi
Официальная группа в ВК
http://vk.com/ymapsapi
Клуб разработчиков API Яндекс.Карт
http://clubs.ya.ru/mapsapi/
Документация версии 2.1
http://api.yandex.ru/maps/doc/jsapi/beta/ref/concepts/About.xml