mirror of https://gitee.com/antv-l7/antv-l7
style: code style change
This commit is contained in:
parent
5378d17f7b
commit
6f06a381ec
|
@ -31,7 +31,7 @@ scene.on('loaded', () => {
|
|||
})
|
||||
.shape('icon', 'text')
|
||||
.size(20)
|
||||
.color('w', ['#f0f9e8','#bae4bc','#7bccc4','#43a2ca','#0868ac'])
|
||||
.color('w', [ '#f0f9e8', '#bae4bc', '#7bccc4', '#43a2ca', '#0868ac' ])
|
||||
.style({
|
||||
textAnchor: 'center', // 文本相对锚点的位置 center|left|right|top|bottom|top-left
|
||||
textOffset: [ 40, 0 ], // 文本相对锚点的偏移量 [水平, 垂直]
|
||||
|
@ -39,7 +39,7 @@ scene.on('loaded', () => {
|
|||
stroke: '#ffffff', // 描边颜色
|
||||
fontFamily,
|
||||
iconfont: true,
|
||||
textAllowOverlap: true,
|
||||
textAllowOverlap: true
|
||||
});
|
||||
scene.addLayer(pointLayer);
|
||||
});
|
||||
|
|
|
@ -24,7 +24,7 @@ const originData = [
|
|||
},
|
||||
{
|
||||
lng: 119.2,
|
||||
lat: 30.,
|
||||
lat: 30.0,
|
||||
iconType: 'smallRain',
|
||||
iconColor: '#6EA0FF',
|
||||
backgoundColor: '#4678AA',
|
||||
|
|
|
@ -10,8 +10,8 @@ const scene = new Scene({
|
|||
zoom: 12.5
|
||||
})
|
||||
});
|
||||
let fontFamily = 'iconfont';
|
||||
let fontPath =
|
||||
const fontFamily = 'iconfont';
|
||||
const fontPath =
|
||||
'//at.alicdn.com/t/font_2534097_bl34aphh10n.woff2?t=1622180820063';
|
||||
scene.addIconFont('up', '');
|
||||
scene.addIconFont('down', '');
|
||||
|
@ -20,63 +20,63 @@ scene.addFontFace(fontFamily, fontPath);
|
|||
|
||||
scene.on('loaded', () => {
|
||||
fetch(
|
||||
'https://gw.alipayobjects.com/os/bmw-prod/41802695-0f7e-4a81-ab16-539c4e39df0d.json',
|
||||
'https://gw.alipayobjects.com/os/bmw-prod/41802695-0f7e-4a81-ab16-539c4e39df0d.json'
|
||||
)
|
||||
.then((res) => res.json())
|
||||
.then((data) => {
|
||||
.then(res => res.json())
|
||||
.then(data => {
|
||||
const filllayer = new PolygonLayer({
|
||||
name: 'fill',
|
||||
zIndex: 3,
|
||||
zIndex: 3
|
||||
})
|
||||
.source(data)
|
||||
.shape('fill')
|
||||
.color('count', ['rgb(194, 143, 133)', 'rgb(148, 167, 192)'])
|
||||
.color('count', [ 'rgb(194, 143, 133)', 'rgb(148, 167, 192)' ])
|
||||
.style({
|
||||
opacity: 0.5,
|
||||
opacity: 0.5
|
||||
});
|
||||
scene.addLayer(filllayer);
|
||||
|
||||
const linelayer = new LineLayer({
|
||||
zIndex: 5,
|
||||
name: 'line2',
|
||||
name: 'line2'
|
||||
})
|
||||
.source(data)
|
||||
.shape('line')
|
||||
.size(1)
|
||||
.color('#fff')
|
||||
.style({
|
||||
opacity: 0.3,
|
||||
opacity: 0.3
|
||||
});
|
||||
scene.addLayer(linelayer);
|
||||
|
||||
const pointLayer = new PointLayer({
|
||||
zIndex: 10,
|
||||
zIndex: 10
|
||||
})
|
||||
.source(data)
|
||||
.shape('icon', 'text')
|
||||
.size(15)
|
||||
.color('count', n => n>0?'#0f0':"#f00")
|
||||
.color('count', n => (n > 0 ? '#0f0' : '#f00'))
|
||||
.style({
|
||||
textAnchor: 'center', // 文本相对锚点的位置 center|left|right|top|bottom|top-left
|
||||
textOffset: [30, 5],
|
||||
padding: [2, 2],
|
||||
textOffset: [ 30, 5 ],
|
||||
padding: [ 2, 2 ],
|
||||
fontFamily,
|
||||
iconfont: true,
|
||||
iconfont: true
|
||||
// textAllowOverlap: true
|
||||
});
|
||||
scene.addLayer(pointLayer);
|
||||
|
||||
const textLayer = new PointLayer({
|
||||
zIndex: 10,
|
||||
zIndex: 10
|
||||
})
|
||||
.source(data)
|
||||
.shape('count', 'text')
|
||||
.size(12)
|
||||
.color('count', n => n>0?'#0f0':"#f00")
|
||||
.color('count', n => (n > 0 ? '#0f0' : '#f00'))
|
||||
.style({
|
||||
textAnchor: 'center', // 文本相对锚点的位置 center|left|right|top|bottom|top-left
|
||||
textOffset: [40, 10],
|
||||
padding: [1, 1],
|
||||
textOffset: [ 40, 10 ],
|
||||
padding: [ 1, 1 ]
|
||||
});
|
||||
scene.addLayer(textLayer);
|
||||
});
|
||||
|
|
|
@ -71,9 +71,8 @@ export default class Amap2demo_arcLineTex extends React.Component {
|
|||
// lineTexture: true, // 开启线的贴图功能
|
||||
// iconStep: 100, // 设置贴图纹理的间距
|
||||
})
|
||||
.animate(true)
|
||||
.animate(true);
|
||||
scene.addLayer(layer);
|
||||
|
||||
});
|
||||
}
|
||||
|
||||
|
|
|
@ -66,7 +66,7 @@ export default class Amap2demo_mesh2 extends React.Component {
|
|||
.source(data)
|
||||
.shape('icon', 'text')
|
||||
.size(15)
|
||||
.color('count', n => n>0?'#0f0':"#f00")
|
||||
.color('count', (n) => (n > 0 ? '#0f0' : '#f00'))
|
||||
.style({
|
||||
textAnchor: 'center', // 文本相对锚点的位置 center|left|right|top|bottom|top-left
|
||||
textOffset: [30, 5],
|
||||
|
@ -83,7 +83,7 @@ export default class Amap2demo_mesh2 extends React.Component {
|
|||
.source(data)
|
||||
.shape('count', 'text')
|
||||
.size(12)
|
||||
.color('count', n => n>0?'#0f0':"#f00")
|
||||
.color('count', (n) => (n > 0 ? '#0f0' : '#f00'))
|
||||
.style({
|
||||
textAnchor: 'center', // 文本相对锚点的位置 center|left|right|top|bottom|top-left
|
||||
textOffset: [40, 10],
|
||||
|
|
Loading…
Reference in New Issue