Примеры использования API

Для решения своих задач вы можете использовать репозиторий с различными примерами использования MapGL JS API. Все примеры доступны в исходном коде: см. Примеры MapGL.

Общие примеры

Markers backend: демонстрирует работу с маркерами в формате GeoJSON и эмуляцию бэкенда, отправляющего данные клиенту.
Color buildings: показывает, как использовать featureState для изменения цвета зданий на карте.
GLTF-plugin: пример добавления интерактивной 3D-сцены недвижимости на карту с использованием плагина glTF.
Polygon drawing: позволяет пользователю рисовать полигоны на карте.
Raster overlay: наложение старой бумажной карты поверх векторной карты.
Style changing: применение нового стиля к карте через определенные интервалы времени.

Кластеризация

Clustered markers with arcs: кластеризация маркеров с использованием дуговых геометрий.
Clustered markers with popups: отображение всплывающих окон при клике на кластеризованные маркеры.
Huge clustering: обработка большого количества маркеров с применением кластеризации.

Directions API

Directions API floors: использование Directions API для построения маршрутов через этажи зданий.
Directions API with obstacles: построение маршрутов с учетом препятствий на пути.
Basic directions search app: простое приложение для поиска маршрутов с использованием Directions API.

GeoJSON

GeoJSON data update: изменение данных в источнике GeoJSON в режиме реального времени.
Hover GeoJSON with Polygon: эффект наведения на данные GeoJSON с дополнительным отображением полигона.
Hover GeoJSON setData: эффект наведения с использованием метода setData для источника GeoJSON.

Перетаскивание

GeoJSON point dragging: пример перетаскиваемой точки GeoJSON.
HTML marker drag: пример перетаскиваемого HTML-маркера.
Marker drag: пример перетаскиваемого маркера на основе WebGL.

Более подробные описания и исходный код этих примеров см. в репозитории на GitHub.