docs(site): update site

This commit is contained in:
thinkinggis 2019-11-21 20:15:06 +08:00
parent 34d4d68151
commit 956d24feb0
7 changed files with 69 additions and 83 deletions

View File

@ -5,17 +5,6 @@
L7 Large-scale WebGL-powered Geospatial data visualization analysis framework L7 Large-scale WebGL-powered Geospatial data visualization analysis framework
<<<<<<< HEAD
<video id="video" controls="" preload="none" poster="https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*rjkiQLCoZxUAAAAAAAAAAABkARQnAQ">
<source id="mp4" src="https://gw.alipayobjects.com/mdn/antv_site/afts/file/A*viKwSJl2OGIAAAAAAAAAAABkARQnAQ"; type="video/map4">
<source id="webm" src="https://gw.alipayobjects.com/os/basement_prod/65d5dbe8-d78d-4c6b-9318-fa06b1456784.webm" type="video/webm">
<source id="ogv" src="http://media.w3.org/2010/05/sintel/trailer.ogv" type="video/ogg">
<p>Your user agent does not support the HTML5 Video element.</p>
</video>
=======
>>>>>>> f40e44f... fix(fix): fix
### Installation ### Installation
``` ```
@ -25,10 +14,6 @@ L7 Large-scale WebGL-powered Geospatial data visualization analysis framework
### Features ### Features
<<<<<<< HEAD
=======
>>>>>>> f40e44f... fix(fix): fix
### Links ### Links

View File

@ -20,21 +20,6 @@ L7 是由蚂蚁金服 AntV 数据可视化团队推出的基于 WebGL 的开源
## 核心特性 ## 核心特性
<<<<<<< HEAD
🌏 数据驱动可视化展示
数据驱动,从数到形,支持丰富的地图可视化类型,更好洞察数据。
🌏 2D3D 一体化的海量数据高性能渲染
百万级空间数据实时,动态渲染。
🌏 简单灵活的数据接入
支持CSVJSONgeojson等数据格式接入可以根据需求自定义数据格式无需复杂的空间数据转换。
🌏 多地图底图支持,支持离线内网部署
=======
### 🌏 数据驱动可视化展示 ### 🌏 数据驱动可视化展示
数据驱动,从数到形,支持丰富的地图可视化类型,更好洞察数据。 数据驱动,从数到形,支持丰富的地图可视化类型,更好洞察数据。
@ -48,7 +33,6 @@ L7 是由蚂蚁金服 AntV 数据可视化团队推出的基于 WebGL 的开源
支持CSVJSONgeojson等数据格式接入可以根据需求自定义数据格式无需复杂的空间数据转换。 支持CSVJSONgeojson等数据格式接入可以根据需求自定义数据格式无需复杂的空间数据转换。
### 🌏 多地图底图支持,支持离线内网部署 ### 🌏 多地图底图支持,支持离线内网部署
>>>>>>> f40e44f... fix(fix): fix
高德地图国内合法合规的地理底图Mapbox 满足国际化业务需求。 高德地图国内合法合规的地理底图Mapbox 满足国际化业务需求。
@ -138,4 +122,4 @@ yarn workspaces run add lodash
将 typescript 设置为 root 的开发依赖 将 typescript 设置为 root 的开发依赖
```bash ```bash
yarn add -W -D typescript jest yarn add -W -D typescript jest
``` ```

File diff suppressed because one or more lines are too long

View File

@ -25,6 +25,9 @@
"access": "public" "access": "public"
}, },
"dependencies": { "dependencies": {
"@antv/l7": "2.0.0-beta.4" "@l7/core": "0.0.1",
"@l7/scene": "0.0.1",
"@l7/layers": "0.0.1",
"@l7/component": "0.0.1"
} }
} }

View File

@ -4,4 +4,4 @@ export * from '@l7/scene';
// @ts-ignore // @ts-ignore
export * from '@l7/layers'; export * from '@l7/layers';
// @ts-ignore // @ts-ignore
export * from '@l7/component'; export * from '@l7/component';

View File

@ -12,7 +12,7 @@
"继续了解": "More", "继续了解": "More",
"更新": "Update", "更新": "Update",
"下载使用":"Download", "下载使用":"Download",
"浅色色板": "Light Theme", "浅版精彩案例": "Light Theme",
"深色色板": "Dark Theme", "深版精彩案例": "Dark Theme",
"一个个真实的地理数据可视化案例,将复杂的地理数据,通过简单易用的API接口,让用户达到开箱即用的效果。" : "We have summarized a series of story design templates from lots of real geospatial data visualization cases, so that users can use them directly." "一个个真实的地理数据可视化案例,将复杂的地理数据,通过简单易用的API接口,让用户达到开箱即用的效果。" : "We have summarized a series of story design templates from lots of real geospatial data visualization cases, so that users can use them directly."
} }

View File

@ -4,9 +4,9 @@ import Cases from '@antv/gatsby-theme-antv/site/components/Cases';
import Companies from '@antv/gatsby-theme-antv/site/components/Companies'; import Companies from '@antv/gatsby-theme-antv/site/components/Companies';
import Features from '@antv/gatsby-theme-antv/site/components/Features'; import Features from '@antv/gatsby-theme-antv/site/components/Features';
import SEO from '@antv/gatsby-theme-antv/site/components/Seo'; import SEO from '@antv/gatsby-theme-antv/site/components/Seo';
import '../css/home.css';
import React from 'react'; import React from 'react';
import { useTranslation } from 'react-i18next'; import { useTranslation } from 'react-i18next';
import '../css/home.css';
const IndexPage = () => { const IndexPage = () => {
const { t, i18n } = useTranslation(); const { t, i18n } = useTranslation();
@ -34,14 +34,46 @@ const IndexPage = () => {
}, },
]; ];
const companies = [ const companies = [
{ name: '阿里云', img: 'https://gw.alipayobjects.com/mdn/rms_2274c3/afts/img/A*V_xMRIvw2iwAAAAAAAAAAABkARQnAQ' }, {
{ name: '支付宝', img: 'https://gw.alipayobjects.com/mdn/rms_2274c3/afts/img/A*lYDrRZvcvD4AAAAAAAAAAABkARQnAQ', }, name: '阿里云',
{ name: '天猫', img: 'https://gw.alipayobjects.com/mdn/rms_2274c3/afts/img/A*BQrxRK6oemMAAAAAAAAAAABkARQnAQ', }, img:
{ name: '淘宝网', img: 'https://gw.alipayobjects.com/mdn/rms_2274c3/afts/img/A*1l8-TqUr7UcAAAAAAAAAAABkARQnAQ', }, 'https://gw.alipayobjects.com/mdn/rms_2274c3/afts/img/A*V_xMRIvw2iwAAAAAAAAAAABkARQnAQ',
{ name: '网商银行', img: 'https://gw.alipayobjects.com/mdn/rms_2274c3/afts/img/A*ZAKFQJ5Bz4MAAAAAAAAAAABkARQnAQ', }, },
{ name: '盒马',img: 'https://gw.alipayobjects.com/mdn/rms_f8c6a0/afts/img/A*ePJMQZCb8vkAAAAAAAAAAABkARQnAQ', }, {
{ name: 'yunos', img: 'https://gw.alipayobjects.com/mdn/rms_2274c3/afts/img/A*_js7SaNosUwAAAAAAAAAAABkARQnAQ', }, name: '支付宝',
{ name: '菜鸟', img: 'https://gw.alipayobjects.com/mdn/rms_2274c3/afts/img/A*TgV-RZDODJIAAAAAAAAAAABkARQnAQ', }, img:
'https://gw.alipayobjects.com/mdn/rms_2274c3/afts/img/A*lYDrRZvcvD4AAAAAAAAAAABkARQnAQ',
},
{
name: '天猫',
img:
'https://gw.alipayobjects.com/mdn/rms_2274c3/afts/img/A*BQrxRK6oemMAAAAAAAAAAABkARQnAQ',
},
{
name: '淘宝网',
img:
'https://gw.alipayobjects.com/mdn/rms_2274c3/afts/img/A*1l8-TqUr7UcAAAAAAAAAAABkARQnAQ',
},
{
name: '网商银行',
img:
'https://gw.alipayobjects.com/mdn/rms_2274c3/afts/img/A*ZAKFQJ5Bz4MAAAAAAAAAAABkARQnAQ',
},
{
name: '盒马',
img:
'https://gw.alipayobjects.com/mdn/rms_f8c6a0/afts/img/A*ePJMQZCb8vkAAAAAAAAAAABkARQnAQ',
},
{
name: 'yunos',
img:
'https://gw.alipayobjects.com/mdn/rms_2274c3/afts/img/A*_js7SaNosUwAAAAAAAAAAABkARQnAQ',
},
{
name: '菜鸟',
img:
'https://gw.alipayobjects.com/mdn/rms_2274c3/afts/img/A*TgV-RZDODJIAAAAAAAAAAABkARQnAQ',
},
]; ];
const bannerButtons = [ const bannerButtons = [
{ {
@ -66,21 +98,27 @@ const IndexPage = () => {
const cases = [ const cases = [
{ {
logo:'https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*gjBmT56SDgsAAAAAAAAAAABkARQnAQ', logo:
title: t('浅色色板'), 'https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*gjBmT56SDgsAAAAAAAAAAABkARQnAQ',
description: t('一个个真实的地理数据可视化案例,将复杂的地理数据,通过简单易用的API接口,让用户达到开箱即用的效果。'), title: t('浅版精彩案例'),
description: t(
'一个个真实的地理数据可视化案例,将复杂的地理数据,通过简单易用的API接口,让用户达到开箱即用的效果。',
),
link: `/${i18n.language}/examples/gallery/basic`, link: `/${i18n.language}/examples/gallery/basic`,
image: image:
'https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*RPxeQZ8Uk7EAAAAAAAAAAABkARQnAQ', 'https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*RPxeQZ8Uk7EAAAAAAAAAAABkARQnAQ',
}, },
{ {
logo:'https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*gjBmT56SDgsAAAAAAAAAAABkARQnAQ', logo:
title: t('深色色板'), 'https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*gjBmT56SDgsAAAAAAAAAAABkARQnAQ',
description: t('一个个真实的地理数据可视化案例,将复杂的地理数据,通过简单易用的API接口,让用户达到开箱即用的效果。'), title: t('深版精彩案例'),
description: t(
'一个个真实的地理数据可视化案例,将复杂的地理数据,通过简单易用的API接口,让用户达到开箱即用的效果。',
),
link: `/${i18n.language}/examples/gallery/basic`, link: `/${i18n.language}/examples/gallery/basic`,
image: image:
'https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*B8rtTpvkqTgAAAAAAAAAAABkARQnAQ', 'https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*B8rtTpvkqTgAAAAAAAAAAABkARQnAQ',
} },
]; ];
return ( return (
@ -89,12 +127,11 @@ const IndexPage = () => {
<Banner <Banner
coverImage={ coverImage={
<img <img
className="cover-image" width="100%"
<<<<<<< HEAD class="Notification-module--number--31-3Z"
src="https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*cCI7RaJs46AAAAAAAAAAAABkARQnAQ" style={{ marginLeft: '125px', marginTop: '50px' }}
=======
src="https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*VcojS5aWhMYAAAAAAAAAAABkARQnAQ" src="https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*VcojS5aWhMYAAAAAAAAAAABkARQnAQ"
>>>>>>> f40e44f... fix(fix): fix >
/> />
} }
title={t('L7 地理空间数据可视分析引擎')} title={t('L7 地理空间数据可视分析引擎')}
@ -108,12 +145,9 @@ const IndexPage = () => {
/> />
<Features features={features} style={{ width: '100%' }} /> <Features features={features} style={{ width: '100%' }} />
<Cases style={{ width: '102%' }} cases={cases} /> <Cases style={{ width: '102%' }} cases={cases} />
<Companies <Companies title={t('感谢信赖')} companies={companies} />
title={t('感谢信赖')}
companies={companies}
/>
</> </>
); );
}; }
export default IndexPage; export default IndexPage