文档章节

L7 2.0 上手指北

 空间数据可视化
发布于 2019/11/29 18:21
字数 946
阅读 46
收藏 0

L7 是啥 ? 知道的就不用点击了 往下看 👇。

L7 2.0 beta 版本发布,很多小伙伴,磨刀霍霍,迫不及待的想上脚体验一把L7 地理可视化

于是乎来到了这个“全球最大的同性交友网站”下载了L7源码L7 地理可视化

希望那么多demo能在本地电脑上运行起来了 

现实却是各个环境报错,就是安装不起来,L7 地理可视化

各种折腾之后依旧不可以L7 地理可视化

简直是从入门到放弃L7 地理可视化

回归正题

L7  项目基于WebGL的可视化库,整体工程架构比较复杂,编译,测试,打包都需很多编译工作,需要依赖很多系统环境。还有官网的架构源码,都包含在其中, 这些环境mac,linux上比较容易,但是window上比较复杂。我们也在制作window的编译的最佳实践。 如果你只是想预览L7的demo和项目中使用,开发完全不需要编辑源码的,

⚠️这里强调一下L7 只是源码编译在window下比较复杂,你在项目中开发使用完全不需要考虑的也不会影响的。_

快速入门L7的最佳方式

一、打开L7官网demo页

 选择一个任意一个你想看的demo

L7 地理可视化你可能没有注意,代码区的上方有一排工具按钮,注意了你可能不知道干什么用的。

二、打开 codesandbox。

点击左侧第三个按钮,你就进入了 codesandbox。L7 地理可视化

L7 地理可视化

你发现你进入了一个线代码编辑器比较流行,这个里面你可以修改代码,并且能够随时看到效果

你可能想说我就想本地跑起来,不想在线修改。

当然是是可以的

三、下载demo源码

  在codesandbox的文件目录工具有下载按钮,参照图中红色部分

  点击下载你可以把这个demo的源码下载到本地。

四、启动项目

   解压项目,进入项目目录

1.安装环境依赖

如果不知道yarn可能需要补充一下前端知识了,如果没有yarn环境你需要安装一下,

yarn install 

 2. 启动项目

yarn  start

 浏览器就会自动打开 http://localhost:3000/,这样demo 就跑起来了

L7 地理可视化现在你可以尽情的本地修改代码,添加自己的图层了。

L7 所有demo都可以在codesandbox 打开,你可以下载代码。

如果你不想下载很多,你可以把demo代码复制到你下周的demo源码里面。

写在最后

如果只是预览和项目中开发使用L7 是不选要本地编译L7的,现代的前端库,特别是webgl技术栈开发环境是比较复杂的,特别是windows用户,如果编译这块你不太擅长,还是再等等我们推出windows环境适配的。如果是mac linux 编译还是比较简单,现在就可也使用了。

  • 如果你是喜欢折腾,喜欢可视化
  • 如果你想学习WebGL 可视化
  • 如果你想学习如何快速打造多语言支持的产品官网
  • 如果你想学习前端的架构体系
  • ……

  这些L7源码中都可以学到,还有更多惊喜,关注L7 star  欢迎大家想为L7贡献力量,不限docs,issue,fixbug,feature,L7 与用户一起成长。

欢迎转载传播。

© 著作权归作者所有

粉丝 0
博文 1
码字总数 946
作品 0
南京
程序员
私信 提问
地理可视化引擎 L7 2.0 发布,让地图动起来

L7 是由蚂蚁金服 AntV 数据可视化团队推出的基于 WebGL 的开源大规模地理空间数据可视分析开发框架。L7 专注于空间数据的可视化表达。图形符号学为理论基础,将抽象复杂的空间数据转化成 2D...

AntV
01/09
5.4K
8
#蚂蚁金服开源地理可视化引擎L7 2.0正式版发布 - 让地图动起来

L7 是由蚂蚁金服 AntV 数据可视化团队推出的基于 WebGL 的开源大规模地理空间数据可视分析开发框架。L7 专注于空间数据的可视化表达。图形符号学为理论基础,将抽象复杂的空间数据转化成 2D...

蚂蚁金服_AntV
01/12
0
0
蚂蚁金服开源地理可视化引擎L7 2.0正式版发布 - 让地图动起来 - 知乎

蚂蚁金服开源地理可视化引擎L7 2.0正式版发布 - 让地图动起来 L7 是由蚂蚁金服 AntV 数据可视化团队推出的基于 WebGL 的开源大规模地理空间数据可视分析开发框架。L7 专注于空间数据的可视化...

Geospatial and GIS
01/09
0
0
蚂蚁金服 AntV 开源地理可视化引擎 L7 2.0 发布

导读 L7 是由蚂蚁金服 AntV 数据可视化团队推出的基于 WebGL 的开源大规模地理空间数据可视分析开发框架。L7 中的 L 代表 Location,7 代表世界七大洲,寓意能为全球位置数据提供可视分析的能...

AntV
2019/11/28
6.8K
5
地理可视化就这么简单、酷炫,蚂蚁金服AntV 空间数据可视化引擎 L72.0发布 - 知乎

导读 L7 是由蚂蚁金服 AntV 数据可视化团队推出的基于 WebGL 的开源大规模地理空间数据可视分析开发框架。L7 中的 L 代表 Location,7 代表世界七大洲,寓意能为全球位置数据提供可视分析的能...

Geospatial and GIS
2019/12/13
0
0

没有更多内容

加载失败,请刷新页面

加载更多

How to find table in a database with HeidiSQL

In this article I want to show you how you can find table by name with HeidiSQL. Find table by typing One of the options to find table is to having focus in the object explorer ......

Ciet
11分钟前
4
0
基于SWIG跨平台开发的C++编码规范

1、数组定义 使用数组不建议采用指针方式eg double *,或者 double test[4] 直接采用std::vector或list即可。对于固定长度的数组定义为一个结构体 double test[4]instead ofstruct Vec...

洋碱
13分钟前
2
0
用Markdown编程之布局

基本就是用Markdown的布局方式。 \:是转义符号,最高优先级。 行首+# :用于空间布局,1-6分别标明:模式根、子模式、子模式内。 行首+> :用于标注和通信,1个标明标注,2个标明分类,3个标...

dwcz
20分钟前
3
0
SpringBoot定时器多线程解决方案

@Scheduled 作用:spring定时器(定时执行一次或定时轮询执行一段代码) 使用场景:注解在方法上 参数说明:常用参数 @Scheduled 参数说明 String cron:cron表达式定义了方法执行的时间规则(网...

whoisliang
20分钟前
4
0
3.01、Spring AOP的理解

注:转 https://mp.weixin.qq.com/s/PsgTLn8cdTxdd542XgVkUA 什么是AOP AOP(Aspect-Oriented Programming), 即 面向切面编程 , 它与 OOP( Object-Oriented Programming, 面向对象编程) 相辅相......

追忆2025
26分钟前
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部