1 В избранное 0 Ответвления 0

OSCHINA-MIRROR/antv-l7-antv-l7

Присоединиться к Gitlife
Откройте для себя и примите участие в публичных проектах с открытым исходным кодом с участием более 10 миллионов разработчиков. Приватные репозитории также полностью бесплатны :)
Присоединиться бесплатно
Клонировать/Скачать
README.en-US.md 4 КБ
Копировать Редактировать Web IDE Исходные данные Просмотреть построчно История
Отправлено 06.03.2025 18:21 9bd6767

Английский | Китайский язык

L7

🌍 Основной фреймворк для визуализации географических данных с использованием технологии WebGL.

Travis CI Последний коммит

УчебникиДокументация по APIПримеры использованияУчастник проекта

Пример работы L7

Фреймворк L7 использует технологию WebGL для быстрого и эффективного отображения больших объёмов данных, а также для двумерного и трёхмерного отображения пространственных данных с помощью параллельных вычислений графического процессора.

L7 сфокусирован на экспрессивности, взаимодействии и дизайне слоёв географической визуализации. Базовые карты платформы поддерживаются сторонними сервисами.

🌟 Важнейшие возможности L7 2.0

  • 🌍 Визуализация данных

    Проектирование API визуализации слоёв основано на семиологии графики.

    Поддерживает множество типов визуализации карт для лучшего понимания данных.- 🌍 Высокопроизводительное отображение с эффектами 2D/3D
    Динамическое и реальное время отображение миллионов пространственных данных.

  • 🌍 Простой и гибкий формат данных

    L7 поддерживает широкий спектр форматов данных, включая CSV, JSON, GeoJSON и другие, что позволяет избежать необходимости преобразования данных перед использованием.

  • 🌍 Множество базовых карт

    Для глобальных пользователей Mapbox легко внедряется одной строкой кода.

Начало работы

📦 Установка

npm install @antv/l7

Инициализация карты с помощью L7 сцены

import { Scene } from '@antv/l7';
import { Mapbox } from '@antv/l7-maps';

const scene = new Scene({
  id: 'map',
  map: new Mapbox({
    style: 'light',
    pitch: 0,
    center: [107.054293, 35.246265],
    zoom: 4.056,
  }),
});

Добавление слоя

import { PointLayer } from '@antv/l7';

const pointLayer = new PointLayer()
  .source(data)
  .shape('circle')
  .size('mag', [1, 25])
  .color('mag', ['#5B8FF9', '#5CCEA1'])
  .style({
    opacity: 0.3,
    strokeWidth: 1,
  });

scene.addLayer(pointLayer);

🔗 Ссылки

✅ Лицензия

Лицензия MIT.

Опубликовать ( 0 )

Вы можете оставить комментарий после Вход в систему

1
https://api.gitlife.ru/oschina-mirror/antv-l7-antv-l7.git
git@api.gitlife.ru:oschina-mirror/antv-l7-antv-l7.git
oschina-mirror
antv-l7-antv-l7
antv-l7-antv-l7
master