mirror of https://gitee.com/antv-l7/antv-l7
style: lint style
This commit is contained in:
shihui
parent
48aea03473
commit
5e64adeb29
|
|
@ -17,47 +17,47 @@ 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')
|
||||
|
|
@ -71,8 +71,8 @@ scene.on('loaded', () => {
|
|||
opacity: 0.4,
|
||||
opacityLinear: {
|
||||
enable: true,
|
||||
dir: 'out', // in - out
|
||||
},
|
||||
dir: 'out' // in - out
|
||||
}
|
||||
});
|
||||
const landLayer = new PolygonLayer()
|
||||
.source(landData)
|
||||
|
|
@ -82,8 +82,8 @@ scene.on('loaded', () => {
|
|||
opacity: 0.4,
|
||||
opacityLinear: {
|
||||
enable: true,
|
||||
dir: 'in', // in - out
|
||||
},
|
||||
dir: 'in' // in - out
|
||||
}
|
||||
});
|
||||
|
||||
const lakeBorderLayer = new PolygonLayer()
|
||||
|
|
@ -94,8 +94,8 @@ scene.on('loaded', () => {
|
|||
opacity: 0.5,
|
||||
opacityLinear: {
|
||||
enable: true,
|
||||
dir: 'in', // in - out
|
||||
},
|
||||
dir: 'in' // in - out
|
||||
}
|
||||
});
|
||||
|
||||
const westLakePoiLayer = new PointLayer({ zIndex: 1 })
|
||||
|
|
@ -107,7 +107,7 @@ scene.on('loaded', () => {
|
|||
}
|
||||
})
|
||||
.shape('type', v => v)
|
||||
.size(40)
|
||||
.size(40);
|
||||
|
||||
const poiLayer = new PointLayer({ zIndex: 1 })
|
||||
.source(
|
||||
|
|
@ -119,28 +119,27 @@ scene.on('loaded', () => {
|
|||
}
|
||||
})
|
||||
.shape('type', v => v)
|
||||
.size(10)
|
||||
.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);
|
||||
});
|
||||
|
|
|
|||
Loading…
Reference in New Issue