L7 2.2 地图绘制功能上线

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

大数据，物联网，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/

以上所述就是小编给大家介绍的《L7 2.2 地图绘制功能上线》，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持！

关注我们，获取更多IT资讯^_^

查看所有标签

• ViewGroup 默认顺序绘制子 View，如何修改？什么场景需要修改绘制顺序？
• Shader 绘制基础图形
• css绘制特殊图形
• View 绘制流程分析
• CSS图形绘制总结
• Flutter绘制弯曲虚线

本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。