L7 2.2 地图绘制功能上线
大数据,物联网,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

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。
持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。
转载内容版权归作者及来源网站所有,本站原创内容转载请注明来源。
-
上一篇
Go 语言 2019 调查报告发布(内含 Go 语言图谱下载)
<关注公众号,回复Go即可下载清晰知识图谱> 对 Go 语言感兴趣但又不知从何学起的同学,可以参考一下 Go 语言系列文章: 为什么你要选择 Go? Go 面向失败编程 带着服务器编程金刚经走进2020 年 敢问路在何方? Go 官方博客近日公布了 2019 年 Go 语言调查报告。本次调查收到的回复达到 10,975 份,约为去年的两倍。这些受访者的反馈意见将被选取用于改进 Go 语言的发展。 以下是 2019 年度的调查报告摘要: 此调查中,受访者的受众特征与 Stack Overflow 的受访者相似,因此这些结果在某种程度上可以代表更广泛的 Go 开发人员; 大多数受访者每天都要用到 Go 语言,并且该数字在逐年上升; Go 的使用仍集中在技术公司,但它同时也被用于越来越多的行业,例如金融和媒体; Go 最常见的用途仍然是编写
-
下一篇
React Suite 4.4.0 版本发布 🎉,带来了一些新特性
家人们啊 👨👩👧👦,React Suite 又双叒叕更新了 🎉,在这全球新冠病毒的笼罩下,希望本次 V4.4.0 发布的新特性能给大家带来一丝丝心情上的改变 😄。 1、Table 支持页面级固定滚动条与表头 为什么有这个功能? 我们看看一个使用场景:一个表格如果一页要显示100 行数据,表格自动高度,表格内部不出现滚动条,通过页面滚动条浏览表格数据,但是,业务要求表格的列又很多,出现了横向滚动条,如果要浏览表格最右侧列的数据,首先需要页面滚动到最底部,然后再操作横向滚动条,想想这整个过程就很难受 😭。如果你的业务没办法通过修改设计解决,那这个新特性对你来说应该"真香" 😋, 先看看效果: 新增属性: { affixHeader: boolean|number affixHorizontalScrollbar: boolean|number } affixHeader将表头固定到页面上的指定位置 affixHorizontalScrollbar将横向滚动条固定在页面底部的指定位置 😈破坏性变更 Table 在实际的业务中,往往都需要在数据更新后重置滚动...
相关文章
文章评论
共有0条评论来说两句吧...