Примеры кода
Примечание
Вы можете форкнуть и отредактировать все примеры как вам угодно, это их не сломает.
Теги
map controls deck.gl dynamic editor events features geojson heatmap integration layers lines markers overlays 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
- Живые маркеры 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
- Создание наложения HTML элемента на карту overlays markers
- Создание наложения видео на карту overlays markers
- Создание наложения изображения на карту overlays markers
- Создание перетаскиваемого маркера markers
- Создание полигона polygons
- Создание прямоугольника 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