diff --git a/examples/point/text/demo/iconfont.js b/examples/point/text/demo/iconfont.js index 1cd6e3787d..7e902a132f 100644 --- a/examples/point/text/demo/iconfont.js +++ b/examples/point/text/demo/iconfont.js @@ -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); }); diff --git a/examples/point/text/demo/iconfonts.js b/examples/point/text/demo/iconfonts.js index 04b45c95f9..495d21c802 100644 --- a/examples/point/text/demo/iconfonts.js +++ b/examples/point/text/demo/iconfonts.js @@ -24,7 +24,7 @@ const originData = [ }, { lng: 119.2, - lat: 30., + lat: 30.0, iconType: 'smallRain', iconColor: '#6EA0FF', backgoundColor: '#4678AA', diff --git a/examples/point/text/demo/updown.js b/examples/point/text/demo/updown.js index ffbc1ad15e..876b8cf0b7 100644 --- a/examples/point/text/demo/updown.js +++ b/examples/point/text/demo/updown.js @@ -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); }); diff --git a/stories/Map/components/amap2demo_arcLineTex.tsx b/stories/Map/components/amap2demo_arcLineTex.tsx index 81bdb7e8bc..0b90ccbd8f 100644 --- a/stories/Map/components/amap2demo_arcLineTex.tsx +++ b/stories/Map/components/amap2demo_arcLineTex.tsx @@ -71,9 +71,8 @@ export default class Amap2demo_arcLineTex extends React.Component { // lineTexture: true, // 开启线的贴图功能 // iconStep: 100, // 设置贴图纹理的间距 }) - .animate(true) + .animate(true); scene.addLayer(layer); - }); } diff --git a/stories/Map/components/amap2demo_mesh2.tsx b/stories/Map/components/amap2demo_mesh2.tsx index 3fc7b08659..b1818a97e2 100644 --- a/stories/Map/components/amap2demo_mesh2.tsx +++ b/stories/Map/components/amap2demo_mesh2.tsx @@ -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],