Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

CoolJson/L7

Folders and files

NameName
Last commit message
Last commit date

Latest commit

History

2,981 Commits

Repository files navigation

L7

travis ci ζœ€θΏ‘ζδΊ€

Large-scale WebGL-powered Geospatial data visualization analysis framework.

δΈ­ζ–‡ README

GitHub

Powered by WebGL, the rendering technology of L7 supports fast and efficient rendering of big data, 2D/3D rendering, possible through calculation and analysis of spatial data by GPU Parallel Compu-ting.

L7 focuses on geographic data expressiveness,interaction and design of geographic visualization layers. The basemaps on the platform are powered by third-party services

πŸŒ„ l7 visualization demos

l7 demo

🌟 Highlight features of L7 2.0

  • 🌏 Data-driven Visualization

    Layer visualization API design base Semiology of Graphics.

    It supports rich map visualization types for a better insight on data.

  • 🌏 High performance rendering with 2D/3D effect Real-time and dynamic rendering with millions of spatial data.

  • 🌏 Simple and flexible data format

    L7 supports a wide variety of data formats including CSV, JSON, geojson, among others, eliminating the need to run conversions ahead of time.

  • 🌏 Multi-basemap

    For global users, Mapbox is easy to be embedded by a simple line of code.

Getting Started

πŸ“¦ Installation

npm install @antv/l7

Init Map by L7 scene

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,
 }),
});

Add Layer

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);

πŸ“ Documentation

βœ… License

MIT license.

About

🌎 Large-scale WebGL-powered Geospatial Data Visualization analysis framework which relies on Mapbox GL or AMap to render basemaps.

Resources

License

Contributing

Stars

Watchers

Forks

Packages

Contributors

Languages

  • TypeScript 62.8%
  • CSS 32.6%
  • HTML 2.5%
  • GLSL 1.6%
  • JavaScript 0.5%

AltStyle γ«γ‚ˆγ£γ¦ε€‰ζ›γ•γ‚ŒγŸγƒšγƒΌγ‚Έ (->γ‚ͺγƒͺγ‚ΈγƒŠγƒ«) /