L7 2.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 地理可视化

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

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

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

写在最后

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

  • 如果你是喜欢折腾,喜欢可视化

  • 如果你想学习WebGL 可视化

  • 如果你想学习如何快速打造多语言支持的产品官网

  • 如果你想学习前端的架构体系

  • ……

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

欢迎转载传播。

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 202,802评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,109评论 2 379
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 149,683评论 0 335
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,458评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,452评论 5 364
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,505评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,901评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,550评论 0 256
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,763评论 1 296
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,556评论 2 319
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,629评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,330评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,898评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,897评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,140评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,807评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,339评论 2 342

推荐阅读更多精彩内容

  • ———————————————— ———————————————— 慢养就是尊重孩子的天性,让他成为他自己,放手...
    银尔环阅读 232评论 0 0
  • 收过一张铁拳TT2的光盘,没有铁拳6的故事模式,感觉很不爽!(收TT2就是为了玩故事模式,对战打不好,简直是垃圾,...
    一条明阅读 713评论 0 0