L7 2.2 地图绘制功能上线

2020年04月24日

大数据,物联网,5G时代 LBS 数据应用领域越来越广泛,特别是精准位置营销,设备,人员流动管理等基于位置的管理、监控需求。在地理数据可视化需要提供基础多边形的绘制,编辑等功能。

地图绘制功能

绘制UI组件

L7 支持地理绘制UI组件,UI组件支持垂直、水平两种布局,可自由配置图形绘制类型。

import { DrawControl } from '@antv/l7-draw';
const drawControl = new DrawControl(scene, {
    position: 'topright',
    layout: 'vertical', // horizontal vertical
    controls: {
      point: true,
      polygon: true,
      line: true,
      circle: true,
      rect: true,
      delete: true
    }
  });
 scene.addControl(drawControl);

CDN 引入

  <script src="https://unpkg.com/@antv/l7-draw"></script>
<script>
  // 绘制方法 在 L7 命名空间下可以获取到
  const drawControl = new L7.Draw.DrawControl();
  
</script>

Mapbox 绘制能力 水平布局

高德地图垂直布局

独立使用绘制组件

没个绘制组件可以单独实例化使用,可以根据需求自定义绘制组件

import { DrawCircle } from '@antv/l7-draw';
const drawCircle = new DrawCircle(scene);
drawCircle.enable();

目前 L7 Draw 支持一下几种绘制方式

  • DrawCircle
  • DrawRect
  • DrawPoint
  • DrawLine
  • DrawPolygon

 

其他功能

其他功能特性。已经优化修 ChangeLog

 

最后

 

如果你对 L7感兴趣,可以通过以下渠道关注我们:

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

官网: https://l7.antv.vision/

展开阅读全文
32 收藏
分享
加载中
最新评论 (1)
有机会试试
2020-04-25 13:21
0
回复
举报
更多评论
1 评论
32 收藏
分享
返回顶部
顶部