Прикладное программирование
Практика 21
Библиотека API Yandex maps: хранение данных в массивах
Для каждой программы, состоящей из нескольких файлов,
создавайте отдельную папку проекта, например project21-1,
project21-2 и т.д., где "21" - номер практического
занятия, 1, 2 и т.д. - номер задания.
Каждую программу, состоящую из одного файла, сохранять
в отдельном файле для каждого упражнения,
например prog21-1, prog21-2 и т.д., где "21" - номер практического
занятия, 1, 2 и т.д. - номер задания.
1. Получите API-ключ в кабинете разработчика бесплатной версии API Яндекс.Карт,
сервис «JavaScript API и HTTP Геокодер»
https://yandex.ru/dev/maps/jsapi/doc/2.1/quick-start
API Яндекс Карт. Быстрый старт
https://yandex.ru/dev/maps/jsapi/doc/2.1/dg/concepts/load.html
Подключение API
https://developer.tech.yandex.ru/
Кабинета Разработчика
https://yandex.ru/dev/maps/jsapi/doc/2.1/terms/index.html#index__conditions
Условия использования API Яндекс.Карт
https://ifizmat.blogspot.com/2022/01/23-2022.html
23 группа. ЦМИ 2022. Адрес сайта на хостинге Beget
2. По примеру 27 из лекции создайте приложение проекта yapanorama01.
Напишите программу на языке JavaScript с применением библиотеки
API Yandex maps, которая позволяет отображать панораму локации
с помощью сервиса Яндекс панорамы. В программе заданы 2 локации.
Для 1-й и 2-й локаций широта и долгота обозначены соответственно
x1, y1 и x2, y2. Создайте ссылки Next и Back при шелчке
по которым происходит отображение панорамы локации с другими координатами.
(Практика 2020-20 N4).
3. В проекте jsarray01 добавьте в код программы второй массив.
Доработайте фукнции управления навигацией так, чтобы элементы
двух массивов выводились попарно с одинаковыми индексами.
(Практика 2019-26 N2).
4. По примерам 26 и 27 из лекции выполните интеграцию
двух программных модулей проектов jsarray03 и yapanorama01
в один моудуль, в котором координаты локаций хранятся
в двух одномерных массивах, переход в плеере панорам к новым локациям
осуществляется с помощью кнопок навигационной панели.
Источники
Основные
- codepen.io:
Онлайн-редактор кода HTML, CSS, JavaScript
- jsfiddle.net:
Онлайн-редактор кода HTML, CSS, JavaScript
- tech.yandex.ru:
Управление отображением панорамы
- html5rocks.com:
Чтение файлов в JavaScript с помощью API файлов
- learn.javascript.ru:
Введение в браузерные события