antv-l7/examples/polygon/fill/demo/polygon.js

40 lines
884 B
JavaScript
Raw Normal View History

import { Scene } from '@l7/scene';
2019-11-16 22:22:13 +08:00
import { PolygonLayer, LineLayer } from '@l7/layers'
const scene = new Scene({
id: 'map',
pitch: 0,
2019-11-10 21:20:26 +08:00
type: 'amap',
style: 'light',
2019-11-14 11:50:12 +08:00
center: [102.430994, 29.877025],
zoom: 3.52,
});
2019-11-10 21:20:26 +08:00
fetch('https://gw.alipayobjects.com/os/rmsportal/JToMOWvicvJOISZFCkEI.json')
.then((res) => res.json())
.then((data) => {
2019-11-10 21:20:26 +08:00
var colors = ["#D7F9F0", "#A6E1E0", "#72BED6", "#5B8FF9", "#3474DB", "#005CBE",'#00419F','#00287E'];
const layer =
new PolygonLayer({
})
.source(data)
2019-11-10 21:20:26 +08:00
.color('name', colors).shape('fill')
.style({
2019-11-10 21:20:26 +08:00
opacity: 0.9
2019-11-16 22:22:13 +08:00
});
const layer2 =
new LineLayer({
zIndex: 2
})
.source(data)
.color('#fff')
.size(0.3)
.style({
opacity: 1
})
scene.addLayer(layer);
2019-11-16 22:22:13 +08:00
scene.addLayer(layer2);
2019-11-10 21:20:26 +08:00
console.log(layer);
});