Мастер-класс "Создание карты игрового мира при...
TRANSCRIPT
Создание карты игрового мира при помощи API Яндекс.КартВсеволод Шмыров
API Яндекс.Карт
Для когоэтот
мастер-класс?
Почемутакая тема?
Уильям Шекспир
│ “Вся жизнь - игра, а люди в ней актёры”
14http://skyrim.coolaps.com/
15http://gorodkerch.com/map/
Как будетпроходить
мастер-класс?
>= 8 >= 12.15 >= 4.0 >= 7
21
Что такое тайлы
и тайловый слой?
29
Чем хороши тайлы?
› Меньшая нагрузка на сервер › Кеширование› Экономия трафика пользователя› Генерация по изменению
x0
0
0
x1
0
0
1
1
x2
38
bit.ly/1zYDTKu
49
│ ObjectManager
Активныеобласти
GeoObject
ObjectManager
ObjectManager
62
Подключение данных
<script type="text/javascript"
src="./data/placesData.js">
</script>
Правильное подключение данных
$.ajax({
url: "./data/placesData.js"
}).done(function(data) {
objectManager.add(data);
});
ObjectManager
LoadingObjectManager
RemoteObjectManager
Создание своего макета
var LayoutClass =
ymaps.templateLayoutFactory.createClass(
"<h1>{{ properties.header }}</h1>"
);
70
Возможности шаблонизатора
› Подстановка данных › Подстановка подмакета› Условие› Цикл
Создание своего макета
var LayoutClass =
ymaps.templateLayoutFactory.createClass(
"<h1>{{ properties.header }}</h1>", {
build: function () {
// ..
}
}
);
│ domEvent.manager
mousedownmouseupmousemoveclickdbclick…
touchstarttouchendtouchmove…
pointerdownpointeruppointermove…
75