Примеры кода
Примечание
Вы можете форкнуть и отредактировать все примеры как вам угодно, это их не сломает.
Теги
map controls deck.gl dynamic editor events features geojson heatmap integration layers lines markers polygons webgl
Начало работы
Параметры карты
- Асинхронная загрузка JS Map API при переключении вкладок map
- Асинхронная загрузка JS Map API при прокрутке страницы map
- Изменение поведений карты map controls
- Изменение позиции камеры map controls events
- Ограничение области просмотра карты map polygons controls
- Оптимизация рендеринга map controls
- Перемещение карты map controls
- Создание и удаление карты map
Объекты на карте
- Динамическая загрузка содержимого балуна markers
- Добавление всплывающего окна по умолчанию на карту markers
- Добавление маркера с пользовательским изображением на карту markers
- Живые маркеры markers
- Линия с обводкой lines
- Линия со штрихами lines
- Ограничения карты по rpsn markers
- Остановка распространения события на текущем элементе markers
- Отображать подсказку при наведении курсора на элементы карты markers polygons lines
- Попадание точки в круг markers polygons controls
- Редактор множества объектов features polygons geojson dynamic editor
- Следовать локации markers lines
- Смена значка маркера при наведении мышкой markers
- Создание кластеризатора маркеров markers controls layers
- Создание круга polygons
- Создание линии lines controls events
- Создание маркера с попап окном markers
- Создание перетаскиваемого маркера markers
- Создание полигона polygons
- Создание стандартного маркера markers
- Цветная линия lines
Слои
- Добавление слоя с пробками на карту layers
- Интеграция с Deck GL layers integration deck.gl
- Кастомизация карты layers controls
- Кастомные активные области карты layers
- Кастомные тайлы на canvas layers
- Кастомный тип карты layers
- Определение номера тайла layers
- Скрыть слои markers lines layers
- Создание собственной карты markers layers
- Тепловая карта на кастомных слоях webgl heatmap layers
События и обработка событий
Элементы управления
- Боковая панель controls
- Группа объектов на карте controls markers
- Добавить контрол поиска на карту controls
- Добавить контрол построения маршрутов на карту controls
- Добавление контрола 'полноэкранный режим' на карту controls
- Добавление контрола геолокации на карту controls
- Добавление контрола зума на карту controls
- Добавление контрола мини-карты controls
- Добавление контрола поворота и наклона на карту controls
- Добавление спиннера на карту controls
- Изменение размеров карты controls
- Контекстное меню controls
- Отображение масштаба карты controls
- Указатели маркеров за пределами вьюпорта controls
Построение маршрутов
- Построение маршрута внутри здания layers lines
- Построить маршрут между двумя точками markers lines controls
- Прогресс по маршруту markers lines
Поиск на карте
- Инициализация карты результатами геокодирования map
- Поиск по своей коллекции объектов markers controls
Продвинутые примеры
- Визуализация различных форматов данных на карте lines
- Измерения линейкой пакета с UI темой по умолчанию controls markers
- Измерения линейкой с использованием модуля ruler controls markers
- Калькулятор стоимости доставки markers polygons lines
- Лассо polygons lines
- Множество точек markers events layers
- Подсказка про скролл карты map events
- Построение маршрута по интересным местам рядом с указанной точкой map lines markers controls
- Редактор геометрии полигонов и линий controls polygons lines
- Синхронизация двух карт map events