From 5e64adeb29320e525260fe503142c337a95cdc45 Mon Sep 17 00:00:00 2001 From: shihui Date: Mon, 10 Jan 2022 11:05:39 +0800 Subject: [PATCH] style: lint style --- .../animate/demo/animate_path_texture.js | 169 +++++++++--------- 1 file changed, 84 insertions(+), 85 deletions(-) diff --git a/examples/gallery/animate/demo/animate_path_texture.js b/examples/gallery/animate/demo/animate_path_texture.js index 1bc64833f3..02a656d993 100644 --- a/examples/gallery/animate/demo/animate_path_texture.js +++ b/examples/gallery/animate/demo/animate_path_texture.js @@ -4,7 +4,7 @@ import { GaodeMap } from '@antv/l7-maps'; const scene = new Scene({ id: 'map', map: new GaodeMap({ - center: [120.15, 30.246], + center: [ 120.15, 30.246 ], pitch: 0, zoom: 13.5, style: 'dark', @@ -17,130 +17,129 @@ scene.on('loaded', () => { scene.addImage( 'westLakeBuilding', - 'https://gw.alipayobjects.com/zos/bmw-prod/8c3f6415-c1ca-4f7e-8ac6-89571ac75309.svg', + 'https://gw.alipayobjects.com/zos/bmw-prod/8c3f6415-c1ca-4f7e-8ac6-89571ac75309.svg' ); scene.addImage( 'arrow', - 'https://gw.alipayobjects.com/zos/bmw-prod/ce83fc30-701f-415b-9750-4b146f4b3dd6.svg', + 'https://gw.alipayobjects.com/zos/bmw-prod/ce83fc30-701f-415b-9750-4b146f4b3dd6.svg' ); scene.addImage( 'shop', - 'https://gw.alipayobjects.com/zos/bmw-prod/238e7c7c-c26c-454c-9341-35d466c4b991.svg', + 'https://gw.alipayobjects.com/zos/bmw-prod/238e7c7c-c26c-454c-9341-35d466c4b991.svg' ); scene.addImage( 'hospital', - 'https://gw.alipayobjects.com/zos/bmw-prod/fd08bf28-f73e-4b9c-ba8d-2c73d4fca6dc.svg', + 'https://gw.alipayobjects.com/zos/bmw-prod/fd08bf28-f73e-4b9c-ba8d-2c73d4fca6dc.svg' ); scene.addImage( 'westlake', - 'https://gw.alipayobjects.com/zos/bmw-prod/7b011298-454d-431b-9637-ab23a752e731.svg', + 'https://gw.alipayobjects.com/zos/bmw-prod/7b011298-454d-431b-9637-ab23a752e731.svg' ); scene.addImage( 'ship', - 'https://gw.alipayobjects.com/zos/bmw-prod/104cfca2-f3c5-49e8-b084-d339f4ba1adc.svg', + 'https://gw.alipayobjects.com/zos/bmw-prod/104cfca2-f3c5-49e8-b084-d339f4ba1adc.svg' ); scene.addImage( 'travel', - 'https://gw.alipayobjects.com/zos/bmw-prod/904d047a-16a5-461b-a921-98fa537fc04a.svg', + 'https://gw.alipayobjects.com/zos/bmw-prod/904d047a-16a5-461b-a921-98fa537fc04a.svg' ); scene.addImage( 'pavilion', - 'https://gw.alipayobjects.com/zos/bmw-prod/8839795d-43d9-46c5-a5b1-95bf9a1146a0.svg', + 'https://gw.alipayobjects.com/zos/bmw-prod/8839795d-43d9-46c5-a5b1-95bf9a1146a0.svg' ); scene.addImage( 'museum', - 'https://gw.alipayobjects.com/zos/bmw-prod/5436a335-8ec3-40e4-9c93-16d0f844b0e7.svg', + 'https://gw.alipayobjects.com/zos/bmw-prod/5436a335-8ec3-40e4-9c93-16d0f844b0e7.svg' ); scene.addImage( 'bridge', - 'https://gw.alipayobjects.com/zos/bmw-prod/b88e6f2f-ad12-4980-969e-3849cbcd28c6.svg', + 'https://gw.alipayobjects.com/zos/bmw-prod/b88e6f2f-ad12-4980-969e-3849cbcd28c6.svg' ); scene.addImage( 'school', - 'https://gw.alipayobjects.com/zos/bmw-prod/948e665d-ab1e-4010-b75a-236057837bec.svg', + 'https://gw.alipayobjects.com/zos/bmw-prod/948e665d-ab1e-4010-b75a-236057837bec.svg' ); fetch('https://gw.alipayobjects.com/os/bmw-prod/67130c6c-7f49-4680-915c-54e69730861d.json') - .then(data => data.json()) - .then(({lakeBorderData, lakeData, landData, westLakePoiData, poiData}) => { - const lakeLayer = new PolygonLayer() - .source(lakeData) - .shape('fill') - .color('#1E90FF') - .style({ - opacity: 0.4, - opacityLinear: { - enable: true, - dir: 'out', // in - out - }, - }); - const landLayer = new PolygonLayer() - .source(landData) - .shape('fill') - .color('#3CB371') - .style({ - opacity: 0.4, - opacityLinear: { - enable: true, - dir: 'in', // in - out - }, + .then(data => data.json()) + .then(({ lakeBorderData, lakeData, landData, westLakePoiData, poiData }) => { + const lakeLayer = new PolygonLayer() + .source(lakeData) + .shape('fill') + .color('#1E90FF') + .style({ + opacity: 0.4, + opacityLinear: { + enable: true, + dir: 'out' // in - out + } + }); + const landLayer = new PolygonLayer() + .source(landData) + .shape('fill') + .color('#3CB371') + .style({ + opacity: 0.4, + opacityLinear: { + enable: true, + dir: 'in' // in - out + } + }); + + const lakeBorderLayer = new PolygonLayer() + .source(lakeBorderData) + .shape('fill') + .color('#ccc') + .style({ + opacity: 0.5, + opacityLinear: { + enable: true, + dir: 'in' // in - out + } + }); + + const westLakePoiLayer = new PointLayer({ zIndex: 1 }) + .source(westLakePoiData, { + parser: { + type: 'json', + x: 'lng', + y: 'lat' + } + }) + .shape('type', v => v) + .size(40); + + const poiLayer = new PointLayer({ zIndex: 1 }) + .source( + poiData, { + parser: { + type: 'json', + x: 'lng', + y: 'lat' + } + }) + .shape('type', v => v) + .size(10); + + scene.addLayer(lakeLayer); + scene.addLayer(lakeBorderLayer); + scene.addLayer(landLayer); + scene.addLayer(westLakePoiLayer); + scene.addLayer(poiLayer); }); - const lakeBorderLayer = new PolygonLayer() - .source(lakeBorderData) - .shape('fill') - .color('#ccc') - .style({ - opacity: 0.5, - opacityLinear: { - enable: true, - dir: 'in', // in - out - }, - }); - - const westLakePoiLayer = new PointLayer({zIndex: 1}) - .source(westLakePoiData, { - parser: { - type: 'json', - x: 'lng', - y: 'lat' - } - }) - .shape('type', v => v) - .size(40) - - const poiLayer = new PointLayer({zIndex: 1}) - .source( - poiData, { - parser: { - type: 'json', - x: 'lng', - y: 'lat' - } - }) - .shape('type', v => v) - .size(10) - - scene.addLayer(lakeLayer); - scene.addLayer(lakeBorderLayer); - scene.addLayer(landLayer); - scene.addLayer(westLakePoiLayer); - scene.addLayer(poiLayer); -}) - - fetch( - 'https://gw.alipayobjects.com/os/basement_prod/40ef2173-df66-4154-a8c0-785e93a5f18e.json', + 'https://gw.alipayobjects.com/os/basement_prod/40ef2173-df66-4154-a8c0-785e93a5f18e.json' ) - .then((res) => res.json()) - .then((data) => { - + .then(res => res.json()) + .then(data => { + const colors = [ '#66c2a4', '#2ca25f', '#006d2c' - ] + ]; // @ts-ignore const layer = new LineLayer({}) .source(data) @@ -153,14 +152,14 @@ scene.on('loaded', () => { .animate({ interval: 1, // 间隔 duration: 1, // 持续时间，延时 - trailLength: 2, // 流线长度 + trailLength: 2 // 流线长度 }) .style({ opacity: 0.6, lineTexture: true, // 开启线的贴图功能 iconStep: 20, // 设置贴图纹理的间距 borderWidth: 0.4, // 默认文 0，最大有效值为 0.5 - borderColor: '#fff', // 默认为 #ccc + borderColor: '#fff' // 默认为 #ccc }); scene.addLayer(layer); });