Make animated maps- L7 2.0 a WebGL-based open-source visual analysis and development framework is released

ThinkGIS
5 min readJan 11, 2020

--

L7 is a WebGL-based open-source visual analysis and development framework for large-scale geo-spatial data, which is launched by the AntV data visualization team of Ant Financial. L7 focuses on the visual expression of spatial data. Graphic semiotics is the theoretical basis, which transforms abstract and complex spatial data into 2D and 3D symbols, and achieves rich visual expressions through visual variables such as color, size, volume and texture.

GitHub

More than a month after the release of the 2.0 beta version, after more than 20 minor versions of iterative release, the beta version is officially bid farewell, Usher in 2.0 genuine . The official version mainly adds layer interaction function and animation support for points, lines, and planes; adds new layers such as aggregate diagrams, text labels, Xu Xian, and city buildings to the visual category. The visualization support of satellite remote sensing data has been added to the data type. The document reconstructs the content structure, Detailed introduction How to use each layer, the document content is richer and faster to use. To facilitate new users to get started quickly, we also provide different frameworks Project template .

L7 2.0 new features

Layer animation

L7 based on the animation mechanism of graphic rendering, it supports the smooth animation display of tens of thousands of geographical elements. Currently, point layers support water ripple effect, flying line effect, and city lighting effect. By adding Animate to the Layer, you can set the animation type and animation configuration, which is simple and quick.

Combination visualization of 3D Arc and bubble water ripple effect

Version 2.0 uses city buildings as a separate layer (CityBuildingLayer)

Animation effect of PATH map

Water ripple effect, can expand more point animation effect

Basic interaction

The WebGL off-screen rendering technology is used to implement pixel-based pick-up. L7 supports fast selection of large amounts of data and highlight to meet interactive needs. Layer supports interactive highlighting methods such as active and select, and supports listening to layer events to achieve custom highlighting effects. The layer interaction event returns the geographic information of the selected feature. You can customize the effect by adding a new highlighted layer.

The fill chart slides over the highlight, and the popup displays data information.

Line layer pick-up, 1 pixel line elements can also be accurately picked up

The 3d column chart slides over the highlight, and the popup displays the data information.

Raster data

Raster data generally refers to remote sensing satellite data, such as meteorological, elevation, vegetation index and other data. L7 uses WebGL rendering technology to implement front-end dynamic rendering. Users can customize styles and support data filtering. Satellite remote sensing data visualization has a great application in the field of image processing analysis and AI intelligent interpretation. After the export of chips and other hardware is restricted, the Geo-space image software is also included in the restricted list, remote sensing data visualization is one of the basic technologies for building an ecosystem of intelligent analysis and comprehensive application of self-controllable remote sensing information. We will continue to invest in this field for national research.

Topographic map visualization color mapping based on elevation

Vegetation Index, topographic map, luminous map visualization

Reinforced Effect

Point Aggregation diagram

Massive point data supports aggregate display

Text Annotation

Supports text tagging and text avoidance

Dotted line drawing

Both path and arc line styles are set to dotted lines.

For more new features, see the release log.

Thank

In the iteration of version 2.0, we are delighted to see that more and more open source community partners have joined the ranks of L7 contributors. Thank you for your support. Thank you very much here. ParryQiu Classmate, I am very honored to be with you all the way!

Build

More employees are welcome to join us. You can propose requirements, suggestions, or share L7 use cases. You can go to GitHub to propose issue and PR. You can also go to the L7 service group to share your experience, answering questions and solving doubts will jointly promote the continuous improvement of L7 ecology.

GitHub: https://github.com/antvis/L7 Welcome Star

Official website: https://l7.antv.vision/

Official DingTalk Service Support Group:

--

--