diff --git a/docs/api/component/popup.zh.md b/docs/api/component/popup.zh.md index 2d54bc7a97..8cb878b642 100644 --- a/docs/api/component/popup.zh.md +++ b/docs/api/component/popup.zh.md @@ -18,10 +18,11 @@ const popup = new L7.Popup(option); ### option -- closeButton -- closeOnClick -- maxWidth -- anchor +- closeButton 是否显示关闭按钮，布尔值，默认为 true。 +- closeButtonOffsets 显示关闭按钮时生效，[number, number]，默认为 [0, 0]，以右上角为起始点。 +- closeOnClick 是否在点击地图的时候关闭弹框，布尔值，默认为 true +- maxWidth 弹框最宽值，默认为 240px +- anchor 弹框锚点，默认值为 bottom，可选值有 center、top、top-left、left、bottom-left、bottom、bottom-right、right、top-right #### 添加到地图 @@ -87,6 +88,14 @@ popup.setHTML(html); popup.setText('hello world'); ``` +#### setMaxWidth + +设置 popup 最大宽度 + +```javascript +popup.setMaxWidth('300px'); +``` + #### open 显示 popup diff --git a/docs/api/layer/layer.zh.md b/docs/api/layer/layer.zh.md index ca6ef950b1..4b2af44899 100644 --- a/docs/api/layer/layer.zh.md +++ b/docs/api/layer/layer.zh.md @@ -307,6 +307,62 @@ layer.style({ }); ``` +## 通用样式数据纹理映射 + +从 L7 2.5 开始，各图层样式将逐步支持样式数据映射 + +| layer 类型 | 支持的样式字段 | 备注 | +| ----------------- | ---------------------------------------------------- | --------------------------------- | +| point/fill | opacity、strokeOpacity、strokeWidth、stroke、offsets | shape circle、triangle... | +| point/image | opacity、offsets | offsets 经纬度偏移 | +| point/normal | opacity、offsets | | +| point/text | opacity、strokeWidth、stroke、textOffset | textOffset 相对文字画布位置的偏移 | +| point/extrude | opacity | | +| polygon/fill | opacity | | +| polygon/extrude | opacity | | +| line/line | opacity | | +| line/arc | opacity | | +| line/arc3d | opacity | | +| line/great_circle | opacity | | + +[DEMO 简单事例](../../../examples/point/scatter#scatterStyleMap) + +## 线图层纹理方法 + +目前在线图层上单独加上了纹理方法的支持 + +### 为图层绑定纹理 + +```javascript +// 首先在全局加载图片资源 +scene.addImage( + 'plane', + 'https://gw.alipayobjects.com/zos/bmw-prod/0ca1668e-38c2-4010-8568-b57cb33839b9.svg', +); + +const layer = new LineLayer({ + blend: 'normal', +}) + .source(data, { + parser: { + type: 'json', + x: 'lng1', + y: 'lat1', + x1: 'lng2', + y1: 'lat2', + }, + }) + .size(25) + .shape('arc') + .texture('plane') // 为图层绑定纹理 + .color('#8C1EB2') + .style({ + lineTexture: true, // 开启线的贴图功能 + iconStep: 30, // 设置贴图纹理的间距 + textureBlend: 'replace', // 设置纹理混合方式，默认值为 normal，可选值有 normal/replace 两种 + }); +``` + ## 图层更新方法 如果已经添加了图层，需要修改图层显示样式可以再次调用图形映射方法，然后调用 `scene.render()`更新渲染即可 diff --git a/docs/api/layer/line_layer/arc.zh.md b/docs/api/layer/line_layer/arc.zh.md index fccf55343d..b3c5a177e5 100644 --- a/docs/api/layer/line_layer/arc.zh.md +++ b/docs/api/layer/line_layer/arc.zh.md @@ -82,6 +82,31 @@ const layer = new LineLayer({}) }); ``` +### 设置渐变色 + +线图层通过在 style 中设置起始颜色和终点颜色来设置颜色渐变，渐变色的优先级比 color 方法设置的颜色更高 + + +```javascript +const layer = new LineLayer({}) + .source(data, { + parser: { + type: 'csv', + x: 'lng1', + y: 'lat1', + x1: 'lng2', + y1: 'lat2', + }, + }) + .size(1) + .shape('arc') + .color('#8C1EB2') + .style({ + sourceColor: '#f00', // 起点颜色 + targetColor: '#0f0' // 终点颜色 + }); +``` + ### demo 示例 [弧线 demo](../../../../examples/gallery/basic#arcCircle) diff --git a/docs/api/layer/line_layer/linelayer.zh.md b/docs/api/layer/line_layer/linelayer.zh.md index cc2a1241a7..5ea55f0afe 100644 --- a/docs/api/layer/line_layer/linelayer.zh.md +++ b/docs/api/layer/line_layer/linelayer.zh.md @@ -68,4 +68,30 @@ order: 2 lineLayer.size(1); // 线的宽度为 1 lineLayer.size([1, 2]); // 宽度为1，高度2 ``` + +### 设置渐变色 + +线图层通过在 style 中设置起始颜色和终点颜色来设置颜色渐变，渐变色的优先级比 color 方法设置的颜色更高 + + +```javascript +const layer = new LineLayer({}) + .source(data, { + parser: { + type: 'csv', + x: 'lng1', + y: 'lat1', + x1: 'lng2', + y1: 'lat2', + }, + }) + .size(1) + .shape('arc') + .color('#8C1EB2') + .style({ + sourceColor: '#f00', // 起点颜色 + targetColor: '#0f0' // 终点颜色 + }); +``` + `markdown:docs/common/layer/base.md` diff --git a/docs/api/layer/line_layer/path.zh.md b/docs/api/layer/line_layer/path.zh.md index 8665c70bff..f7239cbfec 100644 --- a/docs/api/layer/line_layer/path.zh.md +++ b/docs/api/layer/line_layer/path.zh.md @@ -26,6 +26,31 @@ layer.size([2, 10]); // 绘制宽度为2，高度为10的路径 layer.size('height', []); ``` +### 设置渐变色 + +线图层通过在 style 中设置起始颜色和终点颜色来设置颜色渐变，渐变色的优先级比 color 方法设置的颜色更高 + + +```javascript +const layer = new LineLayer({}) + .source(data, { + parser: { + type: 'csv', + x: 'lng1', + y: 'lat1', + x1: 'lng2', + y1: 'lat2', + }, + }) + .size(1) + .shape('arc') + .color('#8C1EB2') + .style({ + sourceColor: '#f00', // 起点颜色 + targetColor: '#0f0' // 终点颜色 + }); +``` + ### animate #### 开启关闭动画 diff --git a/examples/gallery/animate/demo/animate_path_texture.js b/examples/gallery/animate/demo/animate_path_texture.js index a9571fae09..62f721ddfc 100644 --- a/examples/gallery/animate/demo/animate_path_texture.js +++ b/examples/gallery/animate/demo/animate_path_texture.js @@ -33,7 +33,7 @@ scene.on('loaded', () => { }) .style({ lineTexture: true, // 开启线的贴图功能 - iconStep: 100 // 设置贴图纹理的间距 + iconStep: 20 // 设置贴图纹理的间距 }); scene.addLayer(layer); }); diff --git a/examples/gallery/animate/demo/build.js b/examples/gallery/animate/demo/build.js index 10424c5a47..312f6406bb 100644 --- a/examples/gallery/animate/demo/build.js +++ b/examples/gallery/animate/demo/build.js @@ -26,7 +26,7 @@ scene.on('loaded', () => { ); layer .source(data) - .size('floor', [ 100, 3000 ]) + .size('floor', [ 100, 500 ]) .color('rgba(242,246,250,0.5)') .animate({ enable: true diff --git a/examples/gallery/animate/demo/meta.json b/examples/gallery/animate/demo/meta.json index 314402cd46..80b995668a 100644 --- a/examples/gallery/animate/demo/meta.json +++ b/examples/gallery/animate/demo/meta.json @@ -24,6 +24,16 @@ "title": "流向图", "screenshot":"https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*u5BsQbn30pkAAAAAAAAAAABkARQnAQ" }, + { + "filename": "plane_animate.js", + "title": "航向图", + "screenshot":"https://gw.alipayobjects.com/mdn/rms_23a451/afts/img/A*2anhRaQX3DsAAAAAAAAAAAAAARQnAQ" + }, + { + "filename": "plane_animate2.js", + "title": "航向图（平面）", + "screenshot":"https://gw.alipayobjects.com/mdn/rms_23a451/afts/img/A*OGcHSYSbDz4AAAAAAAAAAAAAARQnAQ" + }, { "filename": "build.js", "title": "点亮城市", diff --git a/examples/gallery/animate/demo/plane_animate.js b/examples/gallery/animate/demo/plane_animate.js new file mode 100644 index 0000000000..e897820d44 --- /dev/null +++ b/examples/gallery/animate/demo/plane_animate.js @@ -0,0 +1,128 @@ +/* eslint-disable no-eval */ +import { Scene, LineLayer, PointLayer } from '@antv/l7'; +import { Mapbox } from '@antv/l7-maps'; + +const scene = new Scene({ + id: 'map', + map: new Mapbox({ + pitch: 40, + style: { + version: 8, + sprite: 'https://lzxue.github.io/font-glyphs/sprite/sprite', + glyphs: + 'https://gw.alipayobjects.com/os/antvdemo/assets/mapbox/glyphs/{fontstack}/{range}.pbf', + sources: {}, + layers: [ + { + id: 'background', + type: 'background', + paint: { + 'background-color': '#2b2b3a' + } + } + ] + }, + center: [ 3.438, 40.16797 ], + zoom: 0.51329 + }) +}); +scene.on('loaded', () => { + scene.addImage( + 'plane', + 'https://gw.alipayobjects.com/zos/bmw-prod/0ca1668e-38c2-4010-8568-b57cb33839b9.svg' + ); + Promise.all([ + fetch( + 'https://gw.alipayobjects.com/os/basement_prod/dbd008f1-9189-461c-88aa-569357ffc07d.json' + ).then(d => d.json()), + fetch( + 'https://gw.alipayobjects.com/os/basement_prod/4472780b-fea1-4fc2-9e4b-3ca716933dc7.json' + ).then(d => d.text()), + fetch( + 'https://gw.alipayobjects.com/os/basement_prod/a5ac7bce-181b-40d1-8a16-271356264ad8.json' + ).then(d => d.text()) + ]).then(function onLoad([ world, dot, flyline ]) { + const dotData = eval(dot); + // @ts-ignore + const flydata = eval(flyline).map(item => { + // @ts-ignore + const latlng1 = item.from.split(',').map(e => { + return e * 1; + }); + // @ts-ignore + const latlng2 = item.to.split(',').map(e => { + return e * 1; + }); + return { coord: [ latlng1, latlng2 ] }; + }); + + const worldLine = new LineLayer() + .source(world) + .color('#41fc9d') + .size(0.5) + .style({ + opacity: 0.4 + }); + const dotPoint = new PointLayer() + .source(dotData, { + parser: { + type: 'json', + x: 'lng', + y: 'lat' + } + }) + .shape('circle') + .color('#ffed11') + .animate(true) + .size(40) + .style({ + opacity: 1.0 + }); + const flyLine = new LineLayer({ blend: 'normal' }) + .source(flydata, { + parser: { + type: 'json', + coordinates: 'coord' + } + }) + .color('#ff6b34') + .texture('plane') + .shape('arc3d') + // .shape('arc') + .size(20) + // .active(true) + .animate({ + duration: 10, + interval: 0.2, + trailLength: 0.05 + }) + .style({ + textureBlend: 'replace', + lineTexture: true, // 开启线的贴图功能 + iconStep: 10, // 设置贴图纹理的间距 + opacity: 1 + }); + + const flyLine2 = new LineLayer() + .source(flydata, { + parser: { + type: 'json', + coordinates: 'coord' + } + }) + .color('#ff6b34') + .shape('arc3d') + // .shape('arc') + .size(1) + // .active(true) + .style({ + lineType: 'dash', + dashArray: [ 5, 5 ], + opacity: 0.5 + }); + scene.addLayer(worldLine); + scene.addLayer(dotPoint); + scene.addLayer(flyLine2); + scene.addLayer(flyLine); + }); +}); diff --git a/examples/gallery/animate/demo/plane_animate2.js b/examples/gallery/animate/demo/plane_animate2.js new file mode 100644 index 0000000000..2c7a971bd9 --- /dev/null +++ b/examples/gallery/animate/demo/plane_animate2.js @@ -0,0 +1,128 @@ +/* eslint-disable no-eval */ +import { Scene, LineLayer, PointLayer } from '@antv/l7'; +import { Mapbox } from '@antv/l7-maps'; + +const scene = new Scene({ + id: 'map', + map: new Mapbox({ + pitch: 40, + style: { + version: 8, + sprite: 'https://lzxue.github.io/font-glyphs/sprite/sprite', + glyphs: + 'https://gw.alipayobjects.com/os/antvdemo/assets/mapbox/glyphs/{fontstack}/{range}.pbf', + sources: {}, + layers: [ + { + id: 'background', + type: 'background', + paint: { + 'background-color': '#2b2b3a' + } + } + ] + }, + center: [ 40, 40.16797 ], + zoom: 2.5 + }) +}); +scene.on('loaded', () => { + scene.addImage( + 'plane', + 'https://gw.alipayobjects.com/zos/bmw-prod/0ca1668e-38c2-4010-8568-b57cb33839b9.svg' + ); + Promise.all([ + fetch( + 'https://gw.alipayobjects.com/os/basement_prod/dbd008f1-9189-461c-88aa-569357ffc07d.json' + ).then(d => d.json()), + fetch( + 'https://gw.alipayobjects.com/os/basement_prod/4472780b-fea1-4fc2-9e4b-3ca716933dc7.json' + ).then(d => d.text()), + fetch( + 'https://gw.alipayobjects.com/os/basement_prod/a5ac7bce-181b-40d1-8a16-271356264ad8.json' + ).then(d => d.text()) + ]).then(function onLoad([ world, dot, flyline ]) { + const dotData = eval(dot); + // @ts-ignore + const flydata = eval(flyline).map(item => { + // @ts-ignore + const latlng1 = item.from.split(',').map(e => { + return e * 1; + }); + // @ts-ignore + const latlng2 = item.to.split(',').map(e => { + return e * 1; + }); + return { coord: [ latlng1, latlng2 ] }; + }); + + const worldLine = new LineLayer() + .source(world) + .color('#41fc9d') + .size(0.5) + .style({ + opacity: 0.4 + }); + const dotPoint = new PointLayer() + .source(dotData, { + parser: { + type: 'json', + x: 'lng', + y: 'lat' + } + }) + .shape('circle') + .color('#ffed11') + .animate(true) + .size(40) + .style({ + opacity: 1.0 + }); + const flyLine = new LineLayer({ blend: 'normal' }) + .source(flydata, { + parser: { + type: 'json', + coordinates: 'coord' + } + }) + .color('#ff6b34') + .texture('plane') + .shape('arc') + // .shape('arc') + .size(20) + // .active(true) + .animate({ + duration: 10, + interval: 0.2, + trailLength: 0.05 + }) + .style({ + textureBlend: 'replace', + lineTexture: true, // 开启线的贴图功能 + iconStep: 10, // 设置贴图纹理的间距 + opacity: 1 + }); + + const flyLine2 = new LineLayer() + .source(flydata, { + parser: { + type: 'json', + coordinates: 'coord' + } + }) + .color('#ff6b34') + .shape('arc') + // .shape('arc') + .size(1) + // .active(true) + .style({ + lineType: 'dash', + dashArray: [ 5, 5 ], + opacity: 0.5 + }); + scene.addLayer(worldLine); + scene.addLayer(dotPoint); + scene.addLayer(flyLine2); + scene.addLayer(flyLine); + }); +}); diff --git a/examples/line/path/demo/meta.json b/examples/line/path/demo/meta.json index 00b1b96403..c1392f1a3b 100644 --- a/examples/line/path/demo/meta.json +++ b/examples/line/path/demo/meta.json @@ -24,11 +24,6 @@ "title": "路径dark", "screenshot":"https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*DDjQRLEnwpoAAAAAAAAAAABkARQnAQ" }, - { - "filename": "road_red.js", - "title": "路径2d", - "screenshot":"https://gw.alipayobjects.com/mdn/rms_23a451/afts/img/A*1cF2RYwkcq8AAAAAAAAAAAAAARQnAQ" - }, { "filename": "road_dark_dash.js", "title": "路径虚线", diff --git a/examples/line/path/demo/road_red.js b/examples/line/path/demo/road_red.js deleted file mode 100644 index 85d0c17a83..0000000000 --- a/examples/line/path/demo/road_red.js +++ /dev/null @@ -1,33 +0,0 @@ -import { - Scene, - LineLayer -} from '@antv/l7'; -import { - GaodeMap -} from '@antv/l7-maps'; - -const scene = new Scene({ - id: 'map', - map: new GaodeMap({ - center: [ 116.3956, 39.9392 ], - pitch: 0, - zoom: 10, - rotation: 0, - style: 'amap://styles/light', - viewMode: '2D' - }) -}); -scene.on('loaded', () => { - fetch( - 'https://gw.alipayobjects.com/os/basement_prod/0d2f0113-f48b-4db9-8adc-a3937243d5a3.json' - ) - .then(res => res.json()) - .then(data => { - const layer = new LineLayer({}) - .source(data) - .size(1.5) - .shape('line') - .color('标准名称', [ '#5B8FF9', '#5CCEA1', '#5D7092' ]); - scene.addLayer(layer); - }); -}); diff --git a/examples/point/image/demo/road.js b/examples/point/image/demo/road.js index c2c67908c4..7e11d5f59c 100644 --- a/examples/point/image/demo/road.js +++ b/examples/point/image/demo/road.js @@ -35,7 +35,7 @@ scene.on('loaded', () => { }) .style({ lineTexture: true, // 开启线的贴图功能 - iconStep: 200 // 设置贴图纹理的间距 + iconStep: 50 // 设置贴图纹理的间距 }); scene.addLayer(layer); diff --git a/examples/point/scatter/demo/meta.json b/examples/point/scatter/demo/meta.json index ea56c67d70..72afa03f89 100644 --- a/examples/point/scatter/demo/meta.json +++ b/examples/point/scatter/demo/meta.json @@ -14,6 +14,11 @@ "title": "动态散点", "screenshot":"https://gw.alipayobjects.com/mdn/rms_23a451/afts/img/A*iourTIHnDk0AAAAAAAAAAAAAARQnAQ" }, + { + "filename": "scatterStyleMap.js", + "title": "样式映射散点", + "screenshot":"https://gw.alipayobjects.com/mdn/rms_23a451/afts/img/A*F_QoSr-W0BwAAAAAAAAAAAAAARQnAQ" + }, { "filename": "animatePoint.js", "title": "水波散点", diff --git a/examples/point/scatter/demo/scatterStyleMap.js b/examples/point/scatter/demo/scatterStyleMap.js new file mode 100644 index 0000000000..6c6caaa9ca --- /dev/null +++ b/examples/point/scatter/demo/scatterStyleMap.js @@ -0,0 +1,44 @@ +import { Scene, PointLayer } from '@antv/l7'; +import { GaodeMap } from '@antv/l7-maps'; + +const scene = new Scene({ + id: 'map', + map: new GaodeMap({ + center: [ 112, 30.267069 ], + pitch: 0, + style: 'dark', + zoom: 6 + }) +}); +scene.on('loaded', () => { + fetch('https://gw.alipayobjects.com/os/bmw-prod/450b2d95-006c-4bad-8269-15729269e142.json') + .then(res => res.json()) + .then(data => { + const layer = new PointLayer() + .source(data, { + parser: { + type: 'json', + x: 'lng', + y: 'lat' + } + }) + .shape('circle') + .color('color') + .size('value', v => 5 + 15 * v) + .style({ + stroke: 'strokeColor', + strokeWidth: 'strokeWidth', + strokeOpacity: [ + 'strokeOpacity', + d => { + return d * 2; + } + ], + + opacity: 'opacity' + }) + .active(true); + scene.addLayer(layer); + }); + +}); diff --git a/examples/point/text/demo/iconfonts.js b/examples/point/text/demo/iconfonts.js index a4e9fdaf53..6a23d5ef8f 100644 --- a/examples/point/text/demo/iconfonts.js +++ b/examples/point/text/demo/iconfonts.js @@ -6,10 +6,9 @@ const scene = new Scene({ map: new GaodeMap({ center: [ 120.5, 30.2 ], pitch: 0, - style: 'amap://styles/453e2f8e11603fc8f7548fe18959e9e9', + style: 'dark', zoom: 8.5, - zooms: [ 8, 10 ], - viewMode: '2D' + zooms: [ 8, 10 ] }) }); const dataColor = { diff --git a/examples/point/text/demo/meta.json b/examples/point/text/demo/meta.json index 7a64d0bc4b..a25e307a40 100644 --- a/examples/point/text/demo/meta.json +++ b/examples/point/text/demo/meta.json @@ -24,6 +24,11 @@ "title": "天气图标标注", "screenshot": "https://gw.alipayobjects.com/mdn/rms_23a451/afts/img/A*JAhxTaabap4AAAAAAAAAAAAAARQnAQ" }, + { + "filename": "styleMap.js", + "title": "文本偏移映射", + "screenshot": "https://gw.alipayobjects.com/mdn/rms_23a451/afts/img/A*LPoeTJ5tPxMAAAAAAAAAAAAAARQnAQ" + }, { "filename": "temperture.js", "title": "气温图标标注", diff --git a/examples/point/text/demo/styleMap.js b/examples/point/text/demo/styleMap.js new file mode 100644 index 0000000000..4ed6e453b0 --- /dev/null +++ b/examples/point/text/demo/styleMap.js @@ -0,0 +1,164 @@ +import { Scene, PointLayer } from '@antv/l7'; +import { GaodeMap } from '@antv/l7-maps'; + +const scene = new Scene({ + id: 'map', + map: new GaodeMap({ + center: [ 120.5, 30.2 ], + pitch: 0, + style: 'dark', + zoom: 8.5, + zooms: [ 8, 10 ] + }) +}); +const originData = [ + { + lng: 120, + lat: 30, + iconType: 'sun', + iconColor: '#FFA500', + weather: '晴朗', + textOffset: [ 10, 0 ] + }, + { + lng: 120.2, + lat: 30.5, + iconType: 'sun', + iconColor: '#FFA500', + weather: '晴朗 - 高温预警', + textOffset: [ -25, 0 ] + }, + { + lng: 121.5, + lat: 31.4, + iconType: 'cloud', + iconColor: '#F0F8FF', + weather: '多云', + textOffset: [ 10, 0 ] + }, + { + lng: 120, + lat: 31, + iconType: 'cloud', + iconColor: '#F0F8FF', + weather: '多云 - 温度适宜', + textOffset: [ -25, 0 ] + }, + { + lng: 120.6, + lat: 30.8, + iconType: 'cloud', + iconColor: '#F0F8FF', + weather: '多云', + textOffset: [ 10, 0 ] + }, + { + lng: 120.5, + lat: 31.3, + iconType: 'cloud', + iconColor: '#F0F8FF', + weather: '多云 - 今日适宜出门', + textOffset: [ -40, 0 ] + }, + { + lng: 121.3, + lat: 30.2, + iconType: 'smallRain', + iconColor: '#6EA0FF', + weather: '中雨转小雨', + textOffset: [ -10, 0 ] + }, + { + lng: 121, + lat: 30.5, + iconType: 'smallRain', + iconColor: '#6EA0FF', + weather: '小雨', + textOffset: [ 10, 0 ] + }, + { + lng: 120.6, + lat: 30, + iconType: 'middleRain', + iconColor: '#6495ED', + weather: '中雨', + textOffset: [ 10, 0 ] + }, + { + lng: 120.2, + lat: 29.7, + iconType: 'smallRain', + iconColor: '#6EA0FF', + weather: '小雨', + textOffset: [ 10, 0 ] + }, + { + lng: 121.7, + lat: 29.8, + iconType: 'middleRain', + iconColor: '#6495ED', + weather: '大雨转中雨', + textOffset: [ -15, 0 ] + }, + { + lng: 121.5, + lat: 30, + iconType: 'hugeRain', + iconColor: '#4678D2', + weather: '大雨', + textOffset: [ 10, 0 ] + } +]; +const fontFamily = 'iconfont'; +const fontPath = + '//at.alicdn.com/t/font_2534097_ao9soua2obv.woff2?t=1622021146076'; +scene.addIconFonts([ + [ 'smallRain', '' ], + [ 'middleRain', '' ], + [ 'hugeRain', '' ], + [ 'sun', '' ], + [ 'cloud', '' ] +]); +scene.addFontFace(fontFamily, fontPath); +scene.on('loaded', () => { + const pointIconFontLayer = new PointLayer({}) + .source(originData, { + parser: { + type: 'json', + x: 'lng', + y: 'lat' + } + }) + .shape('iconType', 'text') + .size(30) + .color('iconColor') + .style({ + textAnchor: 'center', // 文本相对锚点的位置 center|left|right|top|bottom|top-left + textOffset: 'textOffset', // 文本相对锚点的偏移量 [水平, 垂直] + fontFamily, + iconfont: true, + textAllowOverlap: true + }); + scene.addLayer(pointIconFontLayer); + + const textLayer = new PointLayer({}) + .source(originData, { + parser: { + type: 'json', + x: 'lng', + y: 'lat' + } + }) + .shape('weather', 'text') + .size(16) + .color('#fff') + .style({ + textAnchor: 'center', // 文本相对锚点的位置 center|left|right|top|bottom|top-left + textOffset: [ 0, 0 ], // 文本相对锚点的偏移量 [水平, 垂直] + spacing: 2, // 字符间距 + padding: [ 1, 1 ], // 文本包围盒 padding [水平，垂直]，影响碰撞检测结果，避免相邻文本靠的太近 + fontFamily: 'Times New Roman', + textAllowOverlap: true + }); + scene.addLayer(textLayer); +}); diff --git a/examples/polygon/3d/demo/meta.json b/examples/polygon/3d/demo/meta.json index cc83a4a924..a993db4bd7 100644 --- a/examples/polygon/3d/demo/meta.json +++ b/examples/polygon/3d/demo/meta.json @@ -8,6 +8,11 @@ "filename": "polygon.js", "title": "3D 建筑面", "screenshot": "https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*RCaZSLthUn0AAAAAAAAAAABkARQnAQ" + }, + { + "filename": "polygonStyleMap.js", + "title": "3D 几何体样式映射", + "screenshot": "https://gw.alipayobjects.com/mdn/rms_23a451/afts/img/A*7dEyQKcvVSwAAAAAAAAAAAAAARQnAQ" } ] } diff --git a/examples/polygon/3d/demo/polygonStyleMap.js b/examples/polygon/3d/demo/polygonStyleMap.js new file mode 100644 index 0000000000..4061b3ef1a --- /dev/null +++ b/examples/polygon/3d/demo/polygonStyleMap.js @@ -0,0 +1,49 @@ +import { Scene, PolygonLayer } from '@antv/l7'; +import { GaodeMap } from '@antv/l7-maps'; + +const scene = new Scene({ + id: 'map', + map: new GaodeMap({ + style: 'dark', + pitch: 50, + center: [ 118.8, 32.056 ], + zoom: 11 + }) +}); +const colors = [ + '#87CEFA', + '#00BFFF', + + '#7FFFAA', + '#00FF7F', + '#32CD32', + + '#F0E68C', + '#FFD700', + + '#FF7F50', + '#FF6347', + '#FF0000' +]; +scene.on('loaded', () => { + fetch( + 'https://gw.alipayobjects.com/os/bmw-prod/94763191-2816-4c1a-8d0d-8bcf4181056a.json' + ) + .then(res => res.json()) + .then(data => { + const filllayer = new PolygonLayer({ + name: 'fill', + zIndex: 3 + }) + .source(data) + .shape('extrude') + .color('unit_price', colors) + .size('unit_price', unit_price => unit_price * 50) + .style({ + + opacity: [ 'unit_price', [ 0, 1 ]] + }) + .active(true); + scene.addLayer(filllayer); + }); +}); diff --git a/examples/polygon/fill/demo/meta.json b/examples/polygon/fill/demo/meta.json index 34f0ff2a15..8a17329c9b 100644 --- a/examples/polygon/fill/demo/meta.json +++ b/examples/polygon/fill/demo/meta.json @@ -12,12 +12,12 @@ { "filename": "city.js", "title": "中国地图市级", - "screenshot": "https://gw.alipayobjects.com/mdn/rms_855bab/afts/img/A*GfGdRqWvJfAAAAAAAAAAAABkARQnAQ" + "screenshot": "https://gw.alipayobjects.com/mdn/rms_23a451/afts/img/A*vC1JRL7jnnMAAAAAAAAAAAAAARQnAQ" }, { "filename": "usa.js", "title": "地图交互", - "screenshot": "https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*HfZ7SKrS9fcAAAAAAAAAAABkARQnAQ" + "screenshot": "https://gw.alipayobjects.com/mdn/rms_23a451/afts/img/A*TKTyTbo5LaAAAAAAAAAAAAAAARQnAQ" }, { "filename": "fill.js", diff --git a/examples/tutorial/map/demo/amapInstance.js b/examples/tutorial/map/demo/amapInstance.js index bba1e2154b..503c0be6d1 100644 --- a/examples/tutorial/map/demo/amapInstance.js +++ b/examples/tutorial/map/demo/amapInstance.js @@ -52,8 +52,8 @@ window.onLoad = function() { }); }; -// const url = 'https://webapi.amap.com/maps?v=1.4.15&key=15cd8a57710d40c9b7c0e3cc120f1200&callback=onLoad'; -const url = 'https://webapi.amap.com/maps?v=2.0&key=ff533602d57df6f8ab3b0fea226ae52f&callback=onLoad'; +const url = 'https://webapi.amap.com/maps?v=1.4.15&key=15cd8a57710d40c9b7c0e3cc120f1200&callback=onLoad'; +// const url = 'https://webapi.amap.com/maps?v=2.0&key=ff533602d57df6f8ab3b0fea226ae52f&callback=onLoad'; const jsapi = document.createElement('script'); jsapi.charset = 'utf-8'; jsapi.src = url; diff --git a/examples/tutorial/map/demo/amapInstance2d.js b/examples/tutorial/map/demo/amapInstance2d.js deleted file mode 100644 index fea16b06bc..0000000000 --- a/examples/tutorial/map/demo/amapInstance2d.js +++ /dev/null @@ -1,58 +0,0 @@ -import { Scene, PointLayer } from '@antv/l7'; -import { GaodeMap } from '@antv/l7-maps'; - -window.onLoad = function() { - const map = new AMap.Map('map', { - pitch: 0, - mapStyle: 'amap://styles/darkblue', - center: [ 121.435159, 31.256971 ], - zoom: 14.89, - minZoom: 10 - }); - const scene = new Scene({ - id: 'map', - map: new GaodeMap({ - mapInstance: map - }) - }); - scene.on('loaded', () => { - fetch( - 'https://gw.alipayobjects.com/os/basement_prod/893d1d5f-11d9-45f3-8322-ee9140d288ae.json' - ) - .then(res => res.json()) - .then(data => { - const pointLayer = new PointLayer() - .source(data, { - parser: { - type: 'json', - x: 'longitude', - y: 'latitude' - } - }) - .shape('name', [ - 'circle', - 'triangle', - 'square', - 'pentagon', - 'hexagon', - 'octogon', - 'hexagram', - 'rhombus', - 'vesica' - ]) - .size('unit_price', [ 10, 25 ]) - .color('name', [ '#5B8FF9', '#5CCEA1', '#5D7092', '#F6BD16', '#E86452' ]) - .style({ - opacity: 0.3, - strokeWidth: 2 - }); - scene.addLayer(pointLayer); - }); - }); -}; - -const url = 'https://webapi.amap.com/maps?v=2.0&key=ff533602d57df6f8ab3b0fea226ae52f&callback=onLoad'; -const jsapi = document.createElement('script'); -jsapi.charset = 'utf-8'; -jsapi.src = url; -document.head.appendChild(jsapi); diff --git a/examples/tutorial/map/demo/meta.json b/examples/tutorial/map/demo/meta.json index 6fdf9ebc55..0d07e1c120 100644 --- a/examples/tutorial/map/demo/meta.json +++ b/examples/tutorial/map/demo/meta.json @@ -18,11 +18,6 @@ "filename": "amapInstance.js", "title": "通过高德地图实例化", "screenshot": "https://gw.alipayobjects.com/mdn/rms_23a451/afts/img/A*C5d2RJ08hOkAAAAAAAAAAAAAARQnAQ" - }, - { - "filename": "amapInstance2d.js", - "title": "通过高德地图实例化(2d)", - "screenshot": "https://gw.alipayobjects.com/mdn/rms_23a451/afts/img/A*C5d2RJ08hOkAAAAAAAAAAAAAARQnAQ" } ] } diff --git a/packages/component/src/popup.ts b/packages/component/src/popup.ts index 5dbcd35627..f3e22c8381 100644 --- a/packages/component/src/popup.ts +++ b/packages/component/src/popup.ts @@ -121,12 +121,14 @@ export default class Popup extends EventEmitter implements IPopup { if (this.container) { this.removeDom(this.container); + // @ts-ignore delete this.container; } if (this.mapsService) { // TODO: mapbox AMap 事件同步 this.mapsService.off('camerachange', this.update); this.mapsService.off('click', this.onClickClose); + // @ts-ignore delete this.mapsService; } clearTimeout(this.timeoutInstance); @@ -148,6 +150,15 @@ export default class Popup extends EventEmitter implements IPopup { 'l7-popup-close-button', this.content, ); + + if (this.popupOption.closeButtonOffsets) { + // 关闭按钮的偏移 + this.closeButton.style.right = + this.popupOption.closeButtonOffsets[0] + 'px'; + this.closeButton.style.top = + this.popupOption.closeButtonOffsets[1] + 'px'; + } + // this.closeButton.type = 'button'; this.closeButton.setAttribute('aria-label', 'Close popup'); this.closeButton.innerHTML = '×'; diff --git a/packages/core/src/services/component/IPopupService.ts b/packages/core/src/services/component/IPopupService.ts index c89ac44a36..642548994b 100644 --- a/packages/core/src/services/component/IPopupService.ts +++ b/packages/core/src/services/component/IPopupService.ts @@ -4,6 +4,7 @@ import { ILngLat, IMapService } from '../map/IMapService'; export interface IPopupOption { closeButton: boolean; + closeButtonOffsets?: [number, number]; closeOnClick: boolean; maxWidth: string; anchor: anchorType[any]; diff --git a/packages/layers/src/core/BaseModel.ts b/packages/layers/src/core/BaseModel.ts index e7b03112bf..ea6fd188a9 100644 --- a/packages/layers/src/core/BaseModel.ts +++ b/packages/layers/src/core/BaseModel.ts @@ -333,6 +333,23 @@ export default class BaseModel } return false; } + /** + * 获取 stroke 颜色并做兼容处理 + * @param stroke + * @returns + */ + public getStrokeColor(stroke: styleColor) { + if (this.isStaticColor(stroke)) { + const strokeColor = rgb2arr(stroke as string); + strokeColor[0] = strokeColor[0] ? strokeColor[0] : 0; + strokeColor[1] = strokeColor[1] ? strokeColor[1] : 0; + strokeColor[2] = strokeColor[2] ? strokeColor[2] : 0; + strokeColor[3] = strokeColor[3] ? strokeColor[3] : 0; + return strokeColor; + } else { + return [0, 0, 0, 0]; + } + } /** * 判断 offsets 是否是常量 diff --git a/packages/layers/src/point/models/fill.ts b/packages/layers/src/point/models/fill.ts index be8e46b979..8c61092889 100644 --- a/packages/layers/src/point/models/fill.ts +++ b/packages/layers/src/point/models/fill.ts @@ -91,10 +91,7 @@ export default class FillModel extends BaseModel { u_opacity: isNumber(opacity) ? opacity : 1.0, u_stroke_opacity: isNumber(strokeOpacity) ? strokeOpacity : 1.0, u_stroke_width: isNumber(strokeWidth) ? strokeWidth : 0.0, - u_stroke_color: - isString(stroke) && this.isStaticColor(stroke) - ? rgb2arr(stroke) - : [0, 0, 0, 0], + u_stroke_color: this.getStrokeColor(stroke), u_offsets: this.isOffsetStatic(offsets) ? (offsets as [number, number]) : [0, 0], diff --git a/packages/layers/src/point/models/text.ts b/packages/layers/src/point/models/text.ts index 18cbde3b4b..0ba0c32f38 100644 --- a/packages/layers/src/point/models/text.ts +++ b/packages/layers/src/point/models/text.ts @@ -182,10 +182,7 @@ export default class TextModel extends BaseModel { u_opacity: isNumber(opacity) ? opacity : 1.0, u_stroke_width: isNumber(strokeWidth) ? strokeWidth : 0.0, - u_stroke_color: - isString(stroke) && this.isStaticColor(stroke) - ? rgb2arr(stroke) - : [0, 0, 0, 0], + u_stroke_color: this.getStrokeColor(stroke), u_sdf_map: this.texture, u_halo_blur: halo, diff --git a/packages/layers/src/point/shaders/fill_vert.glsl b/packages/layers/src/point/shaders/fill_vert.glsl index d43c5ff6d3..c9addf7b89 100644 --- a/packages/layers/src/point/shaders/fill_vert.glsl +++ b/packages/layers/src/point/shaders/fill_vert.glsl @@ -84,10 +84,17 @@ void main() { styleMappingMat[1][3] = pos2value(valueAPos, columnWidth, rowHeight); // A textureOffset += 1.0; } else { - styleMappingMat[1][0] = u_stroke_color.r; - styleMappingMat[1][1] = u_stroke_color.g; - styleMappingMat[1][2] = u_stroke_color.b; - styleMappingMat[1][3] = u_stroke_color.a; + if(u_stroke_color == vec4(0.0)) { + styleMappingMat[1][0] = v_color.r; + styleMappingMat[1][1] = v_color.g; + styleMappingMat[1][2] = v_color.b; + styleMappingMat[1][3] = v_color.a; + } else { + styleMappingMat[1][0] = u_stroke_color.r; + styleMappingMat[1][1] = u_stroke_color.g; + styleMappingMat[1][2] = u_stroke_color.b; + styleMappingMat[1][3] = u_stroke_color.a; + } } vec2 textrueOffsets = vec2(0.0, 0.0); diff --git a/packages/layers/src/point/shaders/text_vert.glsl b/packages/layers/src/point/shaders/text_vert.glsl index f49b9bcaf7..1218ad6016 100644 --- a/packages/layers/src/point/shaders/text_vert.glsl +++ b/packages/layers/src/point/shaders/text_vert.glsl @@ -78,10 +78,17 @@ void main() { styleMappingMat[1][3] = pos2value(valueAPos, columnWidth, rowHeight); // A textureOffset += 1.0; } else { - styleMappingMat[1][0] = u_stroke_color.r; - styleMappingMat[1][1] = u_stroke_color.g; - styleMappingMat[1][2] = u_stroke_color.b; - styleMappingMat[1][3] = u_stroke_color.a; + if(u_stroke_color == vec4(0.0)) { + styleMappingMat[1][0] = v_color.r; + styleMappingMat[1][1] = v_color.g; + styleMappingMat[1][2] = v_color.b; + styleMappingMat[1][3] = v_color.a; + } else { + styleMappingMat[1][0] = u_stroke_color.r; + styleMappingMat[1][1] = u_stroke_color.g; + styleMappingMat[1][2] = u_stroke_color.b; + styleMappingMat[1][3] = u_stroke_color.a; + } } // cal style mapping - 数据纹理映射部分的计算 diff --git a/stories/Map/components/amap2demo.tsx b/stories/Map/components/amap2demo.tsx index 6ec9269885..61b6985368 100644 --- a/stories/Map/components/amap2demo.tsx +++ b/stories/Map/components/amap2demo.tsx @@ -121,7 +121,7 @@ export default class Amap2demo extends React.Component { // }], // stroke: ['strokeColor', ["#f00", "#ff0"]], - // strokeWidth: 4, + strokeWidth: 4, // strokeWidth: "strokeWidth", // strokeWidth: ["strokeWidth", [1, 2]], // strokeWidth: ["strokeWidth", (d: any) => { diff --git a/stories/Map/components/amap2demo_arcLine3DTex.tsx b/stories/Map/components/amap2demo_arcLine3DTex.tsx index d3e5741b89..00f15a83f2 100644 --- a/stories/Map/components/amap2demo_arcLine3DTex.tsx +++ b/stories/Map/components/amap2demo_arcLine3DTex.tsx @@ -14,7 +14,7 @@ export default class Amap2demo_arcLine3DTex extends React.Component { public async componentDidMount() { const scene = new Scene({ id: 'map', - map: new Mapbox({ + map: new GaodeMap({ pitch: 40, center: [107.77791556935472, 35.443286920228644], zoom: 2.9142882493605033, diff --git a/stories/Map/components/amap2demo_styleMap.tsx b/stories/Map/components/amap2demo_styleMap.tsx index d80e7237df..5854ea0a53 100644 --- a/stories/Map/components/amap2demo_styleMap.tsx +++ b/stories/Map/components/amap2demo_styleMap.tsx @@ -20,3537 +20,46 @@ export default class Amap2demo_styleMap extends React.Component { zoom: 6, }), }); - let originData = [ - { - value: 0.2800926277168454, - lng: 101.01706763411313, - lat: 26.542978475603654, - color: '#feb24c', - opacity: 0.21006947078763405, - strokeOpacity: 0.2800926277168454, - strokeColor: '#feb24c', - strokeWidth: 0.5601852554336908, - }, - { - value: 0.6959474809474389, - lng: 108.05775193135864, - lat: 35.6384854435413, - color: '#bd0026', - opacity: 0.5219606107105792, - strokeOpacity: 0.6959474809474389, - strokeColor: '#bd0026', - strokeWidth: 1.3918949618948777, - }, - { - value: 0.9569312887699808, - lng: 117.84203407638199, - lat: 29.192265532922722, - opacity: 0.7176984665774856, - strokeOpacity: 0.9569312887699808, - strokeWidth: 1.9138625775399616, - }, - { - value: 0.5048637658941382, - lng: 114.39144573541053, - lat: 30.887511241245626, - color: '#f03b20', - opacity: 0.37864782442060363, - strokeOpacity: 0.5048637658941382, - strokeColor: '#f03b20', - strokeWidth: 1.0097275317882763, - }, - { - value: 0.3799928786446518, - lng: 104.04042668669447, - lat: 27.500664704849378, - color: '#fd8d3c', - opacity: 0.28499465898348886, - strokeOpacity: 0.3799928786446518, - strokeColor: '#fd8d3c', - strokeWidth: 0.7599857572893036, - }, - { - value: 0.4867699226036095, - lng: 102.20138056922177, - lat: 26.980087494534303, - color: '#fd8d3c', - opacity: 0.36507744195270714, - strokeOpacity: 0.4867699226036095, - strokeColor: '#fd8d3c', - strokeWidth: 0.973539845207219, - }, - { - value: 0.2792988294492422, - lng: 107.78264670808304, - lat: 33.20629648138483, - color: '#feb24c', - opacity: 0.20947412208693167, - strokeOpacity: 0.2792988294492422, - strokeColor: '#feb24c', - strokeWidth: 0.5585976588984845, - }, - { - value: 0.19865557914637644, - lng: 101.206774704228, - lat: 28.05345237172738, - color: '#feb24c', - opacity: 0.14899168435978233, - strokeOpacity: 0.19865557914637644, - strokeColor: '#feb24c', - strokeWidth: 0.3973111582927529, - }, - { - value: 0.19271438844347255, - lng: 115.85349174986204, - lat: 32.13969518326033, - color: '#feb24c', - opacity: 0.1445357913326044, - strokeOpacity: 0.19271438844347255, - strokeColor: '#feb24c', - strokeWidth: 0.3854287768869451, - }, - { - value: 0.9799012692337465, - lng: 101.49390507921777, - lat: 24.067433167045568, - opacity: 0.73492595192531, - strokeOpacity: 0.9799012692337465, - strokeWidth: 1.959802538467493, - }, - { - value: 0.5775805260490501, - lng: 100.85065926287626, - lat: 27.42315060420391, - color: '#f03b20', - opacity: 0.43318539453678756, - strokeOpacity: 0.5775805260490501, - strokeColor: '#f03b20', - strokeWidth: 1.1551610520981002, - }, - { - value: 0.9048561618558586, - lng: 113.10043445180146, - lat: 37.11562907261712, - opacity: 0.678642121391894, - strokeOpacity: 0.9048561618558586, - strokeWidth: 1.8097123237117172, - }, - { - value: 0.8803276455651541, - lng: 100.65652218279116, - lat: 34.68379440347153, - opacity: 0.6602457341738656, - strokeOpacity: 0.8803276455651541, - strokeWidth: 1.7606552911303082, - }, - { - value: 0.127735365278836, - lng: 100.56343191984287, - lat: 32.83838138690271, - color: '#fed976', - opacity: 0.095801523959127, - strokeOpacity: 0.127735365278836, - strokeColor: '#fed976', - strokeWidth: 0.255470730557672, - }, - { - value: 0.13366788893076076, - lng: 105.71042873790834, - lat: 34.561103538107425, - color: '#fed976', - opacity: 0.10025091669807057, - strokeOpacity: 0.13366788893076076, - strokeColor: '#fed976', - strokeWidth: 0.2673357778615215, - }, - { - value: 0.9306349043841815, - lng: 102.09942888054944, - lat: 36.42776581743348, - opacity: 0.6979761782881362, - strokeOpacity: 0.9306349043841815, - strokeWidth: 1.861269808768363, - }, - { - value: 0.0671009937233884, - lng: 108.30335270256299, - lat: 29.740960595910174, - color: '#fed976', - opacity: 0.0503257452925413, - strokeOpacity: 0.0671009937233884, - strokeColor: '#fed976', - strokeWidth: 0.1342019874467768, - }, - { - value: 0.5112634372822298, - lng: 110.4143164552595, - lat: 35.774972313898886, - color: '#f03b20', - opacity: 0.38344757796167234, - strokeOpacity: 0.5112634372822298, - strokeColor: '#f03b20', - strokeWidth: 1.0225268745644596, - }, - { - value: 0.26597188747020795, - lng: 105.5521178324293, - lat: 36.71274788374547, - color: '#feb24c', - opacity: 0.19947891560265596, - strokeOpacity: 0.26597188747020795, - strokeColor: '#feb24c', - strokeWidth: 0.5319437749404159, - }, - { - value: 0.4979664912414856, - lng: 113.26770674760127, - lat: 27.361316197211902, - color: '#fd8d3c', - opacity: 0.3734748684311142, - strokeOpacity: 0.4979664912414856, - strokeColor: '#fd8d3c', - strokeWidth: 0.9959329824829712, - }, - { - value: 0.8318187351349067, - lng: 112.10698704681337, - lat: 27.484873206581174, - color: '#bd0026', - opacity: 0.62386405135118, - strokeOpacity: 0.8318187351349067, - strokeColor: '#bd0026', - strokeWidth: 1.6636374702698133, - }, - { - value: 0.35238975792800553, - lng: 110.10454500158636, - lat: 24.860611662754668, - color: '#fd8d3c', - opacity: 0.26429231844600415, - strokeOpacity: 0.35238975792800553, - strokeColor: '#fd8d3c', - strokeWidth: 0.7047795158560111, - }, - { - value: 0.44930112592140836, - lng: 111.18608192503369, - lat: 24.23689199656979, - color: '#fd8d3c', - opacity: 0.33697584444105627, - strokeOpacity: 0.44930112592140836, - strokeColor: '#fd8d3c', - strokeWidth: 0.8986022518428167, - }, - { - value: 0.9552289774040061, - lng: 107.87319599323476, - lat: 31.766898597180624, - opacity: 0.7164217330530046, - strokeOpacity: 0.9552289774040061, - strokeWidth: 1.9104579548080123, - }, - { - value: 0.15807496383005337, - lng: 100.9246377341419, - lat: 36.375123473571676, - color: '#fed976', - opacity: 0.11855622287254003, - strokeOpacity: 0.15807496383005337, - strokeColor: '#fed976', - strokeWidth: 0.31614992766010674, - }, - { - value: 0.9236083048500852, - lng: 102.03194849006962, - lat: 24.6160820688008, - opacity: 0.6927062286375638, - strokeOpacity: 0.9236083048500852, - strokeWidth: 1.8472166097001703, - }, - { - value: 0.15521505388013734, - lng: 104.59737885772047, - lat: 32.015661131143005, - color: '#fed976', - opacity: 0.11641129041010301, - strokeOpacity: 0.15521505388013734, - strokeColor: '#fed976', - strokeWidth: 0.3104301077602747, - }, - { - value: 0.970990462305579, - lng: 108.57329859277172, - lat: 31.00910138037711, - opacity: 0.7282428467291842, - strokeOpacity: 0.970990462305579, - strokeWidth: 1.941980924611158, - }, - { - value: 0.028229344113676724, - lng: 111.93396304635594, - lat: 32.55181986450399, - color: '#fed976', - opacity: 0.021172008085257543, - strokeOpacity: 0.028229344113676724, - strokeColor: '#fed976', - strokeWidth: 0.05645868822735345, - }, - { - value: 0.031432527401615395, - lng: 110.35167937901613, - lat: 28.783730421581655, - color: '#fed976', - opacity: 0.023574395551211547, - strokeOpacity: 0.031432527401615395, - strokeColor: '#fed976', - strokeWidth: 0.06286505480323079, - }, - { - value: 0.10768678515588626, - lng: 107.46692368355485, - lat: 27.235639194580223, - color: '#fed976', - opacity: 0.08076508886691469, - strokeOpacity: 0.10768678515588626, - strokeColor: '#fed976', - strokeWidth: 0.2153735703117725, - }, - { - value: 0.6067300963041955, - lng: 113.70550057019513, - lat: 28.680180465225067, - color: '#f03b20', - opacity: 0.4550475722281466, - strokeOpacity: 0.6067300963041955, - strokeColor: '#f03b20', - strokeWidth: 1.213460192608391, - }, - { - value: 0.6731803798059892, - lng: 102.78675791116753, - lat: 36.998603490890346, - color: '#bd0026', - opacity: 0.5048852848544919, - strokeOpacity: 0.6731803798059892, - strokeColor: '#bd0026', - strokeWidth: 1.3463607596119784, - }, - { - value: 0.5551367273847532, - lng: 102.84461032959048, - lat: 24.569549848434104, - color: '#f03b20', - opacity: 0.4163525455385649, - strokeOpacity: 0.5551367273847532, - strokeColor: '#f03b20', - strokeWidth: 1.1102734547695063, - }, - { - value: 0.08755481336831239, - lng: 111.50074473933643, - lat: 24.493493914117224, - color: '#fed976', - opacity: 0.06566611002623429, - strokeOpacity: 0.08755481336831239, - strokeColor: '#fed976', - strokeWidth: 0.17510962673662478, - }, - { - value: 0.17035694882150954, - lng: 110.19876029936212, - lat: 24.94224144926665, - color: '#feb24c', - opacity: 0.12776771161613215, - strokeOpacity: 0.17035694882150954, - strokeColor: '#feb24c', - strokeWidth: 0.34071389764301907, - }, - { - value: 0.9146115195757671, - lng: 118.9670586424023, - lat: 26.57199616672954, - opacity: 0.6859586396818254, - strokeOpacity: 0.9146115195757671, - strokeWidth: 1.8292230391515343, - }, - { - value: 0.06545779450672762, - lng: 113.08775624412283, - lat: 25.783959487814847, - color: '#fed976', - opacity: 0.04909334588004571, - strokeOpacity: 0.06545779450672762, - strokeColor: '#fed976', - strokeWidth: 0.13091558901345524, - }, - { - value: 0.4760755025978072, - lng: 109.98008309065578, - lat: 35.62932752501277, - color: '#fd8d3c', - opacity: 0.3570566269483554, - strokeOpacity: 0.4760755025978072, - strokeColor: '#fd8d3c', - strokeWidth: 0.9521510051956144, - }, - { - value: 0.08406910296637804, - lng: 109.14141175249034, - lat: 25.377080645554003, - color: '#fed976', - opacity: 0.06305182722478353, - strokeOpacity: 0.08406910296637804, - strokeColor: '#fed976', - strokeWidth: 0.16813820593275608, - }, - { - value: 0.6421612283564906, - lng: 101.22294569399976, - lat: 26.754252804619128, - color: '#f03b20', - opacity: 0.48162092126736794, - strokeOpacity: 0.6421612283564906, - strokeColor: '#f03b20', - strokeWidth: 1.2843224567129812, - }, - { - value: 0.85672246011149, - lng: 107.90848333095761, - lat: 33.29761437089016, - opacity: 0.6425418450836176, - strokeOpacity: 0.85672246011149, - strokeWidth: 1.71344492022298, - }, - { - value: 0.9646608951209106, - lng: 119.69322918809496, - lat: 30.024359383428873, - opacity: 0.7234956713406829, - strokeOpacity: 0.9646608951209106, - strokeWidth: 1.9293217902418212, - }, - { - value: 0.38616967604518626, - lng: 110.72712992850157, - lat: 31.61878107566595, - color: '#fd8d3c', - opacity: 0.2896272570338897, - strokeOpacity: 0.38616967604518626, - strokeColor: '#fd8d3c', - strokeWidth: 0.7723393520903725, - }, - { - value: 0.5971856753391818, - lng: 100.49365137597776, - lat: 27.25575812000507, - color: '#f03b20', - opacity: 0.4478892565043863, - strokeOpacity: 0.5971856753391818, - strokeColor: '#f03b20', - strokeWidth: 1.1943713506783635, - }, - { - value: 0.721968593919192, - lng: 120.44785349098824, - lat: 24.93753150477571, - color: '#bd0026', - opacity: 0.541476445439394, - strokeOpacity: 0.721968593919192, - strokeColor: '#bd0026', - strokeWidth: 1.443937187838384, - }, - { - value: 0.4916764009288248, - lng: 109.49669329257559, - lat: 34.16857017299021, - color: '#fd8d3c', - opacity: 0.3687573006966186, - strokeOpacity: 0.4916764009288248, - strokeColor: '#fd8d3c', - strokeWidth: 0.9833528018576496, - }, - { - value: 0.49918017532789416, - lng: 114.84599434527196, - lat: 25.762846426228574, - color: '#fd8d3c', - opacity: 0.3743851314959206, - strokeOpacity: 0.49918017532789416, - strokeColor: '#fd8d3c', - strokeWidth: 0.9983603506557883, - }, - { - value: 0.540694367721033, - lng: 101.29520477579042, - lat: 24.265207579759153, - color: '#f03b20', - opacity: 0.4055207757907747, - strokeOpacity: 0.540694367721033, - strokeColor: '#f03b20', - strokeWidth: 1.081388735442066, - }, - { - value: 0.3023834542327519, - lng: 116.50486170230914, - lat: 24.131891083223802, - color: '#feb24c', - opacity: 0.22678759067456394, - strokeOpacity: 0.3023834542327519, - strokeColor: '#feb24c', - strokeWidth: 0.6047669084655038, - }, - { - value: 0.7029167985845561, - lng: 103.79473495200395, - lat: 35.649512517547834, - color: '#bd0026', - opacity: 0.5271875989384172, - strokeOpacity: 0.7029167985845561, - strokeColor: '#bd0026', - strokeWidth: 1.4058335971691123, - }, - { - value: 0.45953577767005704, - lng: 120.26758968382237, - lat: 28.82920100747266, - color: '#fd8d3c', - opacity: 0.3446518332525428, - strokeOpacity: 0.45953577767005704, - strokeColor: '#fd8d3c', - strokeWidth: 0.9190715553401141, - }, - { - value: 0.7349542457649341, - lng: 111.44108908633874, - lat: 24.810736830390013, - color: '#bd0026', - opacity: 0.5512156843237006, - strokeOpacity: 0.7349542457649341, - strokeColor: '#bd0026', - strokeWidth: 1.4699084915298681, - }, - { - value: 0.17175098332369076, - lng: 118.94863507727666, - lat: 37.27395957109914, - color: '#feb24c', - opacity: 0.12881323749276807, - strokeOpacity: 0.17175098332369076, - strokeColor: '#feb24c', - strokeWidth: 0.34350196664738153, - }, - { - value: 0.6758842103732754, - lng: 119.58813922016293, - lat: 28.533076196564885, - color: '#bd0026', - opacity: 0.5069131577799566, - strokeOpacity: 0.6758842103732754, - strokeColor: '#bd0026', - strokeWidth: 1.3517684207465508, - }, - { - value: 0.2549401499712596, - lng: 103.78760065089713, - lat: 30.24763089530583, - color: '#feb24c', - opacity: 0.19120511247844468, - strokeOpacity: 0.2549401499712596, - strokeColor: '#feb24c', - strokeWidth: 0.5098802999425192, - }, - { - value: 0.5668349034919826, - lng: 102.06453788133165, - lat: 28.920365902039993, - color: '#f03b20', - opacity: 0.42512617761898697, - strokeOpacity: 0.5668349034919826, - strokeColor: '#f03b20', - strokeWidth: 1.1336698069839652, - }, - { - value: 0.8888539881335094, - lng: 108.12366931317109, - lat: 26.218545233117062, - opacity: 0.666640491100132, - strokeOpacity: 0.8888539881335094, - strokeWidth: 1.7777079762670187, - }, - { - value: 0.5799168211124506, - lng: 111.52599319887344, - lat: 33.31446231060688, - color: '#f03b20', - opacity: 0.43493761583433793, - strokeOpacity: 0.5799168211124506, - strokeColor: '#f03b20', - strokeWidth: 1.1598336422249012, - }, - { - value: 0.5423327316443747, - lng: 115.5174978264518, - lat: 30.37536613698611, - color: '#f03b20', - opacity: 0.406749548733281, - strokeOpacity: 0.5423327316443747, - strokeColor: '#f03b20', - strokeWidth: 1.0846654632887494, - }, - { - value: 0.42339308966481815, - lng: 107.16977252948462, - lat: 27.48847698997573, - color: '#fd8d3c', - opacity: 0.3175448172486136, - strokeOpacity: 0.42339308966481815, - strokeColor: '#fd8d3c', - strokeWidth: 0.8467861793296363, - }, - { - value: 0.5037955729272052, - lng: 104.40960415628919, - lat: 36.36469823248749, - color: '#f03b20', - opacity: 0.3778466796954039, - strokeOpacity: 0.5037955729272052, - strokeColor: '#f03b20', - strokeWidth: 1.0075911458544105, - }, - { - value: 0.802104364532088, - lng: 104.01077125991141, - lat: 32.459919808061464, - color: '#bd0026', - opacity: 0.601578273399066, - strokeOpacity: 0.802104364532088, - strokeColor: '#bd0026', - strokeWidth: 1.604208729064176, - }, - { - value: 0.46365141616733285, - lng: 101.40761136150832, - lat: 30.572969362611808, - color: '#fd8d3c', - opacity: 0.34773856212549964, - strokeOpacity: 0.46365141616733285, - strokeColor: '#fd8d3c', - strokeWidth: 0.9273028323346657, - }, - { - value: 0.4015364749069785, - lng: 110.0883743861735, - lat: 29.84660855079095, - color: '#fd8d3c', - opacity: 0.3011523561802339, - strokeOpacity: 0.4015364749069785, - strokeColor: '#fd8d3c', - strokeWidth: 0.803072949813957, - }, - { - value: 0.08730995673421504, - lng: 102.28606189052854, - lat: 32.41253966044971, - color: '#fed976', - opacity: 0.06548246755066128, - strokeOpacity: 0.08730995673421504, - strokeColor: '#fed976', - strokeWidth: 0.1746199134684301, - }, - { - value: 0.5977319557381906, - lng: 109.206539487996, - lat: 28.375467055796417, - color: '#f03b20', - opacity: 0.44829896680364295, - strokeOpacity: 0.5977319557381906, - strokeColor: '#f03b20', - strokeWidth: 1.1954639114763812, - }, - { - value: 0.8901867702206203, - lng: 119.15924745740847, - lat: 26.354578089682434, - opacity: 0.6676400776654652, - strokeOpacity: 0.8901867702206203, - strokeWidth: 1.7803735404412406, - }, - { - value: 0.6286920761264041, - lng: 115.60190016613686, - lat: 26.497074460530012, - color: '#f03b20', - opacity: 0.4715190570948031, - strokeOpacity: 0.6286920761264041, - strokeColor: '#f03b20', - strokeWidth: 1.2573841522528082, - }, - { - value: 0.9137715670064712, - lng: 117.11465048198355, - lat: 28.858134952076522, - opacity: 0.6853286752548534, - strokeOpacity: 0.9137715670064712, - strokeWidth: 1.8275431340129424, - }, - { - value: 0.707667737656873, - lng: 108.45339279996655, - lat: 35.0174683102074, - color: '#bd0026', - opacity: 0.5307508032426547, - strokeOpacity: 0.707667737656873, - strokeColor: '#bd0026', - strokeWidth: 1.415335475313746, - }, - { - value: 0.09048684131434426, - lng: 113.82241880821502, - lat: 25.72546532839399, - color: '#fed976', - opacity: 0.06786513098575819, - strokeOpacity: 0.09048684131434426, - strokeColor: '#fed976', - strokeWidth: 0.18097368262868851, - }, - { - value: 0.5344503150065911, - lng: 119.70857866537895, - lat: 32.96971180341682, - color: '#f03b20', - opacity: 0.40083773625494334, - strokeOpacity: 0.5344503150065911, - strokeColor: '#f03b20', - strokeWidth: 1.0689006300131823, - }, - { - value: 0.15496617492727593, - lng: 116.9614748661668, - lat: 31.63301536627617, - color: '#fed976', - opacity: 0.11622463119545695, - strokeOpacity: 0.15496617492727593, - strokeColor: '#fed976', - strokeWidth: 0.30993234985455187, - }, - { - value: 0.8552016638806517, - lng: 118.59222721269904, - lat: 26.817012342021965, - opacity: 0.6414012479104887, - strokeOpacity: 0.8552016638806517, - strokeWidth: 1.7104033277613033, - }, - { - value: 0.5948151713717986, - lng: 120.50180651522948, - lat: 32.10154798371547, - color: '#f03b20', - opacity: 0.44611137852884897, - strokeOpacity: 0.5948151713717986, - strokeColor: '#f03b20', - strokeWidth: 1.1896303427435972, - }, - { - value: 0.18374220129119734, - lng: 101.69673084697929, - lat: 32.944748149953135, - color: '#feb24c', - opacity: 0.137806650968398, - strokeOpacity: 0.18374220129119734, - strokeColor: '#feb24c', - strokeWidth: 0.3674844025823947, - }, - { - value: 0.32290863467639896, - lng: 108.7756405272689, - lat: 24.516192870586206, - color: '#feb24c', - opacity: 0.24218147600729922, - strokeOpacity: 0.32290863467639896, - strokeColor: '#feb24c', - strokeWidth: 0.6458172693527979, - }, - { - value: 0.46794022291627546, - lng: 103.17330714226988, - lat: 36.19802271013891, - color: '#fd8d3c', - opacity: 0.3509551671872066, - strokeOpacity: 0.46794022291627546, - strokeColor: '#fd8d3c', - strokeWidth: 0.9358804458325509, - }, - { - value: 0.09495399833492346, - lng: 116.5022657006837, - lat: 24.74647306319498, - color: '#fed976', - opacity: 0.0712154987511926, - strokeOpacity: 0.09495399833492346, - strokeColor: '#fed976', - strokeWidth: 0.18990799666984692, - }, - { - value: 0.6711731469989526, - lng: 106.40192203632509, - lat: 30.139270338485282, - color: '#bd0026', - opacity: 0.5033798602492144, - strokeOpacity: 0.6711731469989526, - strokeColor: '#bd0026', - strokeWidth: 1.3423462939979052, - }, - { - value: 0.5523955465722459, - lng: 109.01489944099772, - lat: 28.911519140523776, - color: '#f03b20', - opacity: 0.4142966599291844, - strokeOpacity: 0.5523955465722459, - strokeColor: '#f03b20', - strokeWidth: 1.1047910931444918, - }, - { - value: 0.09521271947421273, - lng: 114.91589176231183, - lat: 36.25789397609438, - color: '#fed976', - opacity: 0.07140953960565954, - strokeOpacity: 0.09521271947421273, - strokeColor: '#fed976', - strokeWidth: 0.19042543894842545, - }, - { - value: 0.3888169824067875, - lng: 107.20549702563059, - lat: 34.40073040356641, - color: '#fd8d3c', - opacity: 0.29161273680509064, - strokeOpacity: 0.3888169824067875, - strokeColor: '#fd8d3c', - strokeWidth: 0.777633964813575, - }, - { - value: 0.6823271809665712, - lng: 119.89026443435719, - lat: 26.103991821651388, - color: '#bd0026', - opacity: 0.5117453857249283, - strokeOpacity: 0.6823271809665712, - strokeColor: '#bd0026', - strokeWidth: 1.3646543619331424, - }, - { - value: 0.10800264015009242, - lng: 111.13098675912667, - lat: 35.21323808655919, - color: '#fed976', - opacity: 0.08100198011256932, - strokeOpacity: 0.10800264015009242, - strokeColor: '#fed976', - strokeWidth: 0.21600528030018484, - }, - { - value: 0.5668811504343398, - lng: 100.56729407356649, - lat: 34.82003336384822, - color: '#f03b20', - opacity: 0.4251608628257549, - strokeOpacity: 0.5668811504343398, - strokeColor: '#f03b20', - strokeWidth: 1.1337623008686797, - }, - { - value: 0.48191198265639557, - lng: 111.0274529213028, - lat: 36.57803204115222, - color: '#fd8d3c', - opacity: 0.3614339869922967, - strokeOpacity: 0.48191198265639557, - strokeColor: '#fd8d3c', - strokeWidth: 0.9638239653127911, - }, - { - value: 0.10137289170797992, - lng: 103.58640821445232, - lat: 32.427184039806505, - color: '#fed976', - opacity: 0.07602966878098494, - strokeOpacity: 0.10137289170797992, - strokeColor: '#fed976', - strokeWidth: 0.20274578341595983, - }, - { - value: 0.27178549616608594, - lng: 104.52841554897316, - lat: 34.65650754520368, - color: '#feb24c', - opacity: 0.20383912212456445, - strokeOpacity: 0.27178549616608594, - strokeColor: '#feb24c', - strokeWidth: 0.5435709923321719, - }, - { - value: 0.4777640713238742, - lng: 104.05299610445412, - lat: 36.85526514105169, - color: '#fd8d3c', - opacity: 0.35832305349290566, - strokeOpacity: 0.4777640713238742, - strokeColor: '#fd8d3c', - strokeWidth: 0.9555281426477484, - }, - { - value: 0.7578473227740392, - lng: 111.1612725670225, - lat: 29.740787667992684, - color: '#bd0026', - opacity: 0.5683854920805294, - strokeOpacity: 0.7578473227740392, - strokeColor: '#bd0026', - strokeWidth: 1.5156946455480784, - }, - { - value: 0.7300833851526201, - lng: 110.6140886917266, - lat: 28.943513542149105, - color: '#bd0026', - opacity: 0.547562538864465, - strokeOpacity: 0.7300833851526201, - strokeColor: '#bd0026', - strokeWidth: 1.4601667703052401, - }, - { - value: 0.4136953699634278, - lng: 101.33233166125672, - lat: 30.196514122515584, - color: '#fd8d3c', - opacity: 0.31027152747257086, - strokeOpacity: 0.4136953699634278, - strokeColor: '#fd8d3c', - strokeWidth: 0.8273907399268556, - }, - { - value: 0.520954010448651, - lng: 104.98002590089153, - lat: 32.5590098144786, - color: '#f03b20', - opacity: 0.39071550783648823, - strokeOpacity: 0.520954010448651, - strokeColor: '#f03b20', - strokeWidth: 1.041908020897302, - }, - { - value: 0.9059967387881209, - lng: 114.79401761654933, - lat: 28.76102113449706, - opacity: 0.6794975540910907, - strokeOpacity: 0.9059967387881209, - strokeWidth: 1.8119934775762419, - }, - { - value: 0.73023561410767, - lng: 119.49294671228483, - lat: 30.20477438088477, - color: '#bd0026', - opacity: 0.5476767105807525, - strokeOpacity: 0.73023561410767, - strokeColor: '#bd0026', - strokeWidth: 1.46047122821534, - }, - { - value: 0.5222115659906008, - lng: 120.75777356791916, - lat: 26.338416861586342, - color: '#f03b20', - opacity: 0.3916586744929506, - strokeOpacity: 0.5222115659906008, - strokeColor: '#f03b20', - strokeWidth: 1.0444231319812016, - }, - { - value: 0.676550325306071, - lng: 103.43428594555654, - lat: 30.261515703322125, - color: '#bd0026', - opacity: 0.5074127439795533, - strokeOpacity: 0.676550325306071, - strokeColor: '#bd0026', - strokeWidth: 1.353100650612142, - }, - { - value: 0.651006693069704, - lng: 110.3356543981673, - lat: 34.06062313209684, - color: '#f03b20', - opacity: 0.48825501980227803, - strokeOpacity: 0.651006693069704, - strokeColor: '#f03b20', - strokeWidth: 1.302013386139408, - }, - { - value: 0.047680829601253194, - lng: 111.844352764635, - lat: 35.40935358505918, - color: '#fed976', - opacity: 0.035760622200939896, - strokeOpacity: 0.047680829601253194, - strokeColor: '#fed976', - strokeWidth: 0.09536165920250639, - }, - { - value: 0.374804858941189, - lng: 116.55032028035973, - lat: 24.576861635148713, - color: '#fd8d3c', - opacity: 0.28110364420589173, - strokeOpacity: 0.374804858941189, - strokeColor: '#fd8d3c', - strokeWidth: 0.749609717882378, - }, - { - value: 0.9675399311594675, - lng: 102.70848026697071, - lat: 27.384151792716686, - opacity: 0.7256549483696006, - strokeOpacity: 0.9675399311594675, - strokeWidth: 1.935079862318935, - }, - { - value: 0.2207995787138548, - lng: 118.49000577769839, - lat: 31.9055099909824, - color: '#feb24c', - opacity: 0.1655996840353911, - strokeOpacity: 0.2207995787138548, - strokeColor: '#feb24c', - strokeWidth: 0.4415991574277096, - }, - { - value: 0.740844939655467, - lng: 115.74877875313851, - lat: 34.407264912220256, - color: '#bd0026', - opacity: 0.5556337047416002, - strokeOpacity: 0.740844939655467, - strokeColor: '#bd0026', - strokeWidth: 1.481689879310934, - }, - { - value: 0.5632440942016947, - lng: 120.77583013134085, - lat: 27.803694934592055, - color: '#f03b20', - opacity: 0.42243307065127106, - strokeOpacity: 0.5632440942016947, - strokeColor: '#f03b20', - strokeWidth: 1.1264881884033895, - }, - { - value: 0.47991928602782563, - lng: 101.27908418606847, - lat: 25.900755103580554, - color: '#fd8d3c', - opacity: 0.3599394645208692, - strokeOpacity: 0.47991928602782563, - strokeColor: '#fd8d3c', - strokeWidth: 0.9598385720556513, - }, - { - value: 0.7558110851800699, - lng: 105.12290122028911, - lat: 28.817484840862274, - color: '#bd0026', - opacity: 0.5668583138850525, - strokeOpacity: 0.7558110851800699, - strokeColor: '#bd0026', - strokeWidth: 1.5116221703601398, - }, - { - value: 0.8669163869721923, - lng: 104.9794853359491, - lat: 28.558045161541997, - opacity: 0.6501872902291442, - strokeOpacity: 0.8669163869721923, - strokeWidth: 1.7338327739443846, - }, - { - value: 0.1464516263700395, - lng: 108.2890894380037, - lat: 25.392732688992037, - color: '#fed976', - opacity: 0.10983871977752963, - strokeOpacity: 0.1464516263700395, - strokeColor: '#fed976', - strokeWidth: 0.292903252740079, - }, - { - value: 0.8839386228622865, - lng: 103.9629890123502, - lat: 26.664133040285286, - opacity: 0.6629539671467148, - strokeOpacity: 0.8839386228622865, - strokeWidth: 1.767877245724573, - }, - { - value: 0.006492866195936031, - lng: 111.64935864632871, - lat: 24.32959097919195, - color: '#fed976', - opacity: 0.004869649646952023, - strokeOpacity: 0.006492866195936031, - strokeColor: '#fed976', - strokeWidth: 0.012985732391872062, - }, - { - value: 0.5038552351667902, - lng: 118.14103210998708, - lat: 35.09226104509539, - color: '#f03b20', - opacity: 0.37789142637509265, - strokeOpacity: 0.5038552351667902, - strokeColor: '#f03b20', - strokeWidth: 1.0077104703335804, - }, - { - value: 0.5053318209208668, - lng: 102.77388710017442, - lat: 32.851243795030726, - color: '#f03b20', - opacity: 0.3789988656906501, - strokeOpacity: 0.5053318209208668, - strokeColor: '#f03b20', - strokeWidth: 1.0106636418417336, - }, - { - value: 0.5638209783500303, - lng: 110.72434021089566, - lat: 27.312212138849986, - color: '#f03b20', - opacity: 0.42286573376252273, - strokeOpacity: 0.5638209783500303, - strokeColor: '#f03b20', - strokeWidth: 1.1276419567000606, - }, - { - value: 0.5854778492622497, - lng: 111.45544283485155, - lat: 32.00347435960803, - color: '#f03b20', - opacity: 0.43910838694668725, - strokeOpacity: 0.5854778492622497, - strokeColor: '#f03b20', - strokeWidth: 1.1709556985244993, - }, - { - value: 0.41514616678117644, - lng: 108.0249208955967, - lat: 28.97786127528329, - color: '#fd8d3c', - opacity: 0.31135962508588233, - strokeOpacity: 0.41514616678117644, - strokeColor: '#fd8d3c', - strokeWidth: 0.8302923335623529, - }, - { - value: 0.6437941376420826, - lng: 100.7523895567206, - lat: 27.989755458632885, - color: '#f03b20', - opacity: 0.48284560323156195, - strokeOpacity: 0.6437941376420826, - strokeColor: '#f03b20', - strokeWidth: 1.2875882752841652, - }, - { - value: 0.224921875523854, - lng: 100.89615941461885, - lat: 32.22755538109716, - color: '#feb24c', - opacity: 0.1686914066428905, - strokeOpacity: 0.224921875523854, - strokeColor: '#feb24c', - strokeWidth: 0.449843751047708, - }, - { - value: 0.6872879495738042, - lng: 114.50886533310327, - lat: 34.08871411646243, - color: '#bd0026', - opacity: 0.5154659621803532, - strokeOpacity: 0.6872879495738042, - strokeColor: '#bd0026', - strokeWidth: 1.3745758991476085, - }, - { - value: 0.3899655879316608, - lng: 109.85460683318335, - lat: 27.942815988183035, - color: '#fd8d3c', - opacity: 0.2924741909487456, - strokeOpacity: 0.3899655879316608, - strokeColor: '#fd8d3c', - strokeWidth: 0.7799311758633216, - }, - { - value: 0.17963398367132566, - lng: 116.24292705186708, - lat: 25.15466371380872, - color: '#feb24c', - opacity: 0.13472548775349424, - strokeOpacity: 0.17963398367132566, - strokeColor: '#feb24c', - strokeWidth: 0.3592679673426513, - }, - { - value: 0.43830557180929297, - lng: 102.50423484191016, - lat: 29.54795942283741, - color: '#fd8d3c', - opacity: 0.32872917885696973, - strokeOpacity: 0.43830557180929297, - strokeColor: '#fd8d3c', - strokeWidth: 0.8766111436185859, - }, - { - value: 0.04965299237956944, - lng: 118.04332476167485, - lat: 26.825813772197293, - color: '#fed976', - opacity: 0.03723974428467708, - strokeOpacity: 0.04965299237956944, - strokeColor: '#fed976', - strokeWidth: 0.09930598475913888, - }, - { - value: 0.5249174155796659, - lng: 111.2464681396163, - lat: 25.288784601277182, - color: '#f03b20', - opacity: 0.3936880616847494, - strokeOpacity: 0.5249174155796659, - strokeColor: '#f03b20', - strokeWidth: 1.0498348311593317, - }, - { - value: 0.2494524338112265, - lng: 109.55463517847147, - lat: 25.021112312180865, - color: '#feb24c', - opacity: 0.18708932535841988, - strokeOpacity: 0.2494524338112265, - strokeColor: '#feb24c', - strokeWidth: 0.498904867622453, - }, - { - value: 0.8573269510560304, - lng: 107.08699654333796, - lat: 24.292088494699406, - opacity: 0.6429952132920228, - strokeOpacity: 0.8573269510560304, - strokeWidth: 1.7146539021120608, - }, - { - value: 0.6300580460886547, - lng: 113.1608542133853, - lat: 25.32398983424701, - color: '#f03b20', - opacity: 0.472543534566491, - strokeOpacity: 0.6300580460886547, - strokeColor: '#f03b20', - strokeWidth: 1.2601160921773094, - }, - { - value: 0.47139752654153755, - lng: 108.605805915173, - lat: 27.398783842275684, - color: '#fd8d3c', - opacity: 0.35354814490615316, - strokeOpacity: 0.47139752654153755, - strokeColor: '#fd8d3c', - strokeWidth: 0.9427950530830751, - }, - { - value: 0.6804673617217174, - lng: 114.3725530090029, - lat: 32.95766410746412, - color: '#bd0026', - opacity: 0.510350521291288, - strokeOpacity: 0.6804673617217174, - strokeColor: '#bd0026', - strokeWidth: 1.3609347234434348, - }, - { - value: 0.25456396052408303, - lng: 112.28277329652491, - lat: 33.137055406292106, - color: '#feb24c', - opacity: 0.19092297039306227, - strokeOpacity: 0.25456396052408303, - strokeColor: '#feb24c', - strokeWidth: 0.5091279210481661, - }, - { - value: 0.6753951991962766, - lng: 119.85636089837023, - lat: 24.613032353025524, - color: '#bd0026', - opacity: 0.5065463993972075, - strokeOpacity: 0.6753951991962766, - strokeColor: '#bd0026', - strokeWidth: 1.350790398392553, - }, - { - value: 0.6860719135193554, - lng: 107.34230774339363, - lat: 25.995679207127214, - color: '#bd0026', - opacity: 0.5145539351395165, - strokeOpacity: 0.6860719135193554, - strokeColor: '#bd0026', - strokeWidth: 1.3721438270387107, - }, - { - value: 0.9821153337245165, - lng: 118.75635062007294, - lat: 33.7716995864387, - opacity: 0.7365865002933873, - strokeOpacity: 0.9821153337245165, - strokeWidth: 1.964230667449033, - }, - { - value: 0.26323403354470387, - lng: 106.50501265372071, - lat: 33.040772203308975, - color: '#feb24c', - opacity: 0.1974255251585279, - strokeOpacity: 0.26323403354470387, - strokeColor: '#feb24c', - strokeWidth: 0.5264680670894077, - }, - { - value: 0.6857811583422269, - lng: 102.83934354696815, - lat: 29.818597331652338, - color: '#bd0026', - opacity: 0.5143358687566701, - strokeOpacity: 0.6857811583422269, - strokeColor: '#bd0026', - strokeWidth: 1.3715623166844537, - }, - { - value: 0.7808813710871385, - lng: 108.65558056412964, - lat: 25.550926473476977, - color: '#bd0026', - opacity: 0.5856610283153538, - strokeOpacity: 0.7808813710871385, - strokeColor: '#bd0026', - strokeWidth: 1.561762742174277, - }, - { - value: 0.7033340701712241, - lng: 105.5376975117027, - lat: 31.013365988431943, - color: '#bd0026', - opacity: 0.527500552628418, - strokeOpacity: 0.7033340701712241, - strokeColor: '#bd0026', - strokeWidth: 1.4066681403424481, - }, - { - value: 0.594700710772547, - lng: 115.32139991304282, - lat: 27.653807168157382, - color: '#f03b20', - opacity: 0.4460255330794103, - strokeOpacity: 0.594700710772547, - strokeColor: '#f03b20', - strokeWidth: 1.189401421545094, - }, - { - value: 0.11839185794838825, - lng: 109.64296484104709, - lat: 33.42397419208287, - color: '#fed976', - opacity: 0.08879389346129118, - strokeOpacity: 0.11839185794838825, - strokeColor: '#fed976', - strokeWidth: 0.2367837158967765, - }, - { - value: 0.15298377304151312, - lng: 107.09511882637453, - lat: 33.438735369457085, - color: '#fed976', - opacity: 0.11473782978113484, - strokeOpacity: 0.15298377304151312, - strokeColor: '#fed976', - strokeWidth: 0.30596754608302623, - }, - { - value: 0.5734957991031475, - lng: 113.80419610545074, - lat: 33.12157011163878, - color: '#f03b20', - opacity: 0.43012184932736064, - strokeOpacity: 0.5734957991031475, - strokeColor: '#f03b20', - strokeWidth: 1.146991598206295, - }, - { - value: 0.9483183589600725, - lng: 110.92292450529428, - lat: 27.483955513342888, - opacity: 0.7112387692200544, - strokeOpacity: 0.9483183589600725, - strokeWidth: 1.896636717920145, - }, - { - value: 0.7039782365798639, - lng: 114.49383099299834, - lat: 26.744300109870366, - color: '#bd0026', - opacity: 0.5279836774348979, - strokeOpacity: 0.7039782365798639, - strokeColor: '#bd0026', - strokeWidth: 1.4079564731597278, - }, - { - value: 0.08059698736832077, - lng: 110.76936818943156, - lat: 26.462599106796436, - color: '#fed976', - opacity: 0.06044774052624058, - strokeOpacity: 0.08059698736832077, - strokeColor: '#fed976', - strokeWidth: 0.16119397473664154, - }, - { - value: 0.13193435078345117, - lng: 117.41026525838434, - lat: 28.361228013312687, - color: '#fed976', - opacity: 0.09895076308758838, - strokeOpacity: 0.13193435078345117, - strokeColor: '#fed976', - strokeWidth: 0.26386870156690234, - }, - { - value: 0.5722589587382874, - lng: 116.71253778793931, - lat: 32.91463820520979, - color: '#f03b20', - opacity: 0.4291942190537155, - strokeOpacity: 0.5722589587382874, - strokeColor: '#f03b20', - strokeWidth: 1.1445179174765747, - }, - { - value: 0.7951473781049239, - lng: 106.38530153449827, - lat: 25.766977660783805, - color: '#bd0026', - opacity: 0.5963605335786929, - strokeOpacity: 0.7951473781049239, - strokeColor: '#bd0026', - strokeWidth: 1.5902947562098477, - }, - { - value: 0.9331889784642351, - lng: 120.80084216436158, - lat: 29.971533387477447, - opacity: 0.6998917338481763, - strokeOpacity: 0.9331889784642351, - strokeWidth: 1.8663779569284702, - }, - { - value: 0.032658758619579675, - lng: 119.88568203731872, - lat: 30.03580696569945, - color: '#fed976', - opacity: 0.024494068964684756, - strokeOpacity: 0.032658758619579675, - strokeColor: '#fed976', - strokeWidth: 0.06531751723915935, - }, - { - value: 0.9412193828707778, - lng: 114.9770644838737, - lat: 24.20367872713318, - opacity: 0.7059145371530833, - strokeOpacity: 0.9412193828707778, - strokeWidth: 1.8824387657415556, - }, - { - value: 0.8942197950332935, - lng: 101.58550854075392, - lat: 37.35392906282801, - opacity: 0.6706648462749701, - strokeOpacity: 0.8942197950332935, - strokeWidth: 1.788439590066587, - }, - { - value: 0.19109246140776381, - lng: 110.60339354798843, - lat: 33.744963413390245, - color: '#feb24c', - opacity: 0.14331934605582286, - strokeOpacity: 0.19109246140776381, - strokeColor: '#feb24c', - strokeWidth: 0.38218492281552763, - }, - { - value: 0.5751392046498238, - lng: 106.77174794721392, - lat: 36.35006805549556, - color: '#f03b20', - opacity: 0.43135440348736787, - strokeOpacity: 0.5751392046498238, - strokeColor: '#f03b20', - strokeWidth: 1.1502784092996476, - }, - { - value: 0.9146855244183203, - lng: 117.39642688401116, - lat: 24.281815627492378, - opacity: 0.6860141433137402, - strokeOpacity: 0.9146855244183203, - strokeWidth: 1.8293710488366406, - }, - { - value: 0.026856639145021566, - lng: 112.19133436251158, - lat: 32.41781429441847, - color: '#fed976', - opacity: 0.020142479358766174, - strokeOpacity: 0.026856639145021566, - strokeColor: '#fed976', - strokeWidth: 0.05371327829004313, - }, - { - value: 0.9292474836698132, - lng: 117.82763512490438, - lat: 33.9240338734815, - opacity: 0.6969356127523599, - strokeOpacity: 0.9292474836698132, - strokeWidth: 1.8584949673396265, - }, - { - value: 0.8963555694709682, - lng: 105.79443339282867, - lat: 36.18952951715464, - opacity: 0.6722666771032262, - strokeOpacity: 0.8963555694709682, - strokeWidth: 1.7927111389419363, - }, - { - value: 0.5744197621039893, - lng: 100.66616897674507, - lat: 37.19790239983467, - color: '#f03b20', - opacity: 0.43081482157799195, - strokeOpacity: 0.5744197621039893, - strokeColor: '#f03b20', - strokeWidth: 1.1488395242079785, - }, - { - value: 0.5583195046732696, - lng: 106.27427856365928, - lat: 34.21941170330785, - color: '#f03b20', - opacity: 0.4187396285049522, - strokeOpacity: 0.5583195046732696, - strokeColor: '#f03b20', - strokeWidth: 1.1166390093465393, - }, - { - value: 0.11502952347016682, - lng: 110.86104521013392, - lat: 37.218540023900104, - color: '#fed976', - opacity: 0.08627214260262511, - strokeOpacity: 0.11502952347016682, - strokeColor: '#fed976', - strokeWidth: 0.23005904694033363, - }, - { - value: 0.5283523781164385, - lng: 116.48592579077594, - lat: 32.84945539125809, - color: '#f03b20', - opacity: 0.3962642835873289, - strokeOpacity: 0.5283523781164385, - strokeColor: '#f03b20', - strokeWidth: 1.056704756232877, - }, - { - value: 0.4606155279174067, - lng: 113.19231930371959, - lat: 34.9172520433406, - color: '#fd8d3c', - opacity: 0.345461645938055, - strokeOpacity: 0.4606155279174067, - strokeColor: '#fd8d3c', - strokeWidth: 0.9212310558348134, - }, - { - value: 0.42249980387520125, - lng: 104.19317600581648, - lat: 26.419950372810426, - color: '#fd8d3c', - opacity: 0.31687485290640094, - strokeOpacity: 0.42249980387520125, - strokeColor: '#fd8d3c', - strokeWidth: 0.8449996077504025, - }, - { - value: 0.8903152796731721, - lng: 115.70409109317936, - lat: 27.45046445776965, - opacity: 0.6677364597548792, - strokeOpacity: 0.8903152796731721, - strokeWidth: 1.7806305593463443, - }, - { - value: 0.5399773662232199, - lng: 103.8286278618032, - lat: 28.265976786096644, - color: '#f03b20', - opacity: 0.4049830246674149, - strokeOpacity: 0.5399773662232199, - strokeColor: '#f03b20', - strokeWidth: 1.0799547324464398, - }, - { - value: 0.7571968698573777, - lng: 105.82180991476076, - lat: 33.47931764995894, - color: '#bd0026', - opacity: 0.5678976523930332, - strokeOpacity: 0.7571968698573777, - strokeColor: '#bd0026', - strokeWidth: 1.5143937397147553, - }, - { - value: 0.4962458081878245, - lng: 109.60461870675944, - lat: 24.96531878832718, - color: '#fd8d3c', - opacity: 0.37218435614086837, - strokeOpacity: 0.4962458081878245, - strokeColor: '#fd8d3c', - strokeWidth: 0.992491616375649, - }, - { - value: 0.30459477691578285, - lng: 115.40559182574378, - lat: 28.645538018427846, - color: '#feb24c', - opacity: 0.22844608268683714, - strokeOpacity: 0.30459477691578285, - strokeColor: '#feb24c', - strokeWidth: 0.6091895538315657, - }, - { - value: 0.2740190827076776, - lng: 120.57583958618785, - lat: 32.82355049758996, - color: '#feb24c', - opacity: 0.2055143120307582, - strokeOpacity: 0.2740190827076776, - strokeColor: '#feb24c', - strokeWidth: 0.5480381654153552, - }, - { - value: 0.3479839591056595, - lng: 104.18456055553285, - lat: 24.698904805888173, - color: '#fd8d3c', - opacity: 0.2609879693292446, - strokeOpacity: 0.3479839591056595, - strokeColor: '#fd8d3c', - strokeWidth: 0.695967918211319, - }, - { - value: 0.7990034032454838, - lng: 101.20348847052111, - lat: 31.785099705077215, - color: '#bd0026', - opacity: 0.5992525524341128, - strokeOpacity: 0.7990034032454838, - strokeColor: '#bd0026', - strokeWidth: 1.5980068064909676, - }, - { - value: 0.12673708599011269, - lng: 101.78827932718721, - lat: 36.80690894231187, - color: '#fed976', - opacity: 0.09505281449258451, - strokeOpacity: 0.12673708599011269, - strokeColor: '#fed976', - strokeWidth: 0.25347417198022537, - }, - { - value: 0.1867574213744856, - lng: 100.49862730269626, - lat: 33.46056628776107, - color: '#feb24c', - opacity: 0.1400680660308642, - strokeOpacity: 0.1867574213744856, - strokeColor: '#feb24c', - strokeWidth: 0.3735148427489712, - }, - { - value: 0.20682186243793432, - lng: 114.56762129382719, - lat: 35.106906659861345, - color: '#feb24c', - opacity: 0.15511639682845074, - strokeOpacity: 0.20682186243793432, - strokeColor: '#feb24c', - strokeWidth: 0.41364372487586865, - }, - { - value: 0.7137328183190461, - lng: 104.92442800879556, - lat: 30.772021321454528, - color: '#bd0026', - opacity: 0.5352996137392846, - strokeOpacity: 0.7137328183190461, - strokeColor: '#bd0026', - strokeWidth: 1.4274656366380922, - }, - { - value: 0.300010082920513, - lng: 120.59611326468755, - lat: 35.182284977850784, - color: '#feb24c', - opacity: 0.22500756219038476, - strokeOpacity: 0.300010082920513, - strokeColor: '#feb24c', - strokeWidth: 0.600020165841026, - }, - { - value: 0.14918220702242402, - lng: 120.25214122700137, - lat: 28.821601979658908, - color: '#fed976', - opacity: 0.11188665526681801, - strokeOpacity: 0.14918220702242402, - strokeColor: '#fed976', - strokeWidth: 0.29836441404484804, - }, - { - value: 0.25767516189685913, - lng: 110.96830013928027, - lat: 36.97597917903402, - color: '#feb24c', - opacity: 0.19325637142264435, - strokeOpacity: 0.25767516189685913, - strokeColor: '#feb24c', - strokeWidth: 0.5153503237937183, - }, - { - value: 0.7940401724444588, - lng: 106.57417935285821, - lat: 33.0891807066923, - color: '#bd0026', - opacity: 0.5955301293333441, - strokeOpacity: 0.7940401724444588, - strokeColor: '#bd0026', - strokeWidth: 1.5880803448889176, - }, - { - value: 0.271999555563297, - lng: 103.37477471916385, - lat: 31.93229259175172, - color: '#feb24c', - opacity: 0.20399966667247277, - strokeOpacity: 0.271999555563297, - strokeColor: '#feb24c', - strokeWidth: 0.543999111126594, - }, - { - value: 0.6629195342463801, - lng: 105.95826417095476, - lat: 36.264168828789614, - color: '#f03b20', - opacity: 0.49718965068478504, - strokeOpacity: 0.6629195342463801, - strokeColor: '#f03b20', - strokeWidth: 1.3258390684927601, - }, - { - value: 0.8729428590132087, - lng: 108.12069063790035, - lat: 33.34722192594019, - opacity: 0.6547071442599065, - strokeOpacity: 0.8729428590132087, - strokeWidth: 1.7458857180264173, - }, - { - value: 0.6670035442742324, - lng: 101.77244073860217, - lat: 37.09786991371638, - color: '#bd0026', - opacity: 0.5002526582056743, - strokeOpacity: 0.6670035442742324, - strokeColor: '#bd0026', - strokeWidth: 1.3340070885484647, - }, - { - value: 0.16242834976059872, - lng: 114.16191099253633, - lat: 32.90291793486798, - color: '#fed976', - opacity: 0.12182126232044904, - strokeOpacity: 0.16242834976059872, - strokeColor: '#fed976', - strokeWidth: 0.32485669952119745, - }, - { - value: 0.5283111952212385, - lng: 118.65730471229782, - lat: 33.513669886152265, - color: '#f03b20', - opacity: 0.39623339641592886, - strokeOpacity: 0.5283111952212385, - strokeColor: '#f03b20', - strokeWidth: 1.056622390442477, - }, - { - value: 0.7211892527473949, - lng: 109.30670174597772, - lat: 35.27668698463499, - color: '#bd0026', - opacity: 0.5408919395605462, - strokeOpacity: 0.7211892527473949, - strokeColor: '#bd0026', - strokeWidth: 1.4423785054947897, - }, - { - value: 0.03989609393178828, - lng: 101.18309144393177, - lat: 35.12717821728155, - color: '#fed976', - opacity: 0.02992207044884121, - strokeOpacity: 0.03989609393178828, - strokeColor: '#fed976', - strokeWidth: 0.07979218786357656, - }, - { - value: 0.03542564191279696, - lng: 120.58344340405534, - lat: 34.148966472842254, - color: '#fed976', - opacity: 0.026569231434597718, - strokeOpacity: 0.03542564191279696, - strokeColor: '#fed976', - strokeWidth: 0.07085128382559391, - }, - { - value: 0.30171662127227084, - lng: 105.95244619255071, - lat: 32.412342548777815, - color: '#feb24c', - opacity: 0.22628746595420313, - strokeOpacity: 0.30171662127227084, - strokeColor: '#feb24c', - strokeWidth: 0.6034332425445417, - }, - { - value: 0.05490146073002666, - lng: 113.40680585299403, - lat: 36.1801928028786, - color: '#fed976', - opacity: 0.04117609554752, - strokeOpacity: 0.05490146073002666, - strokeColor: '#fed976', - strokeWidth: 0.10980292146005333, - }, - { - value: 0.385509150224834, - lng: 116.19849933843119, - lat: 29.063988580452612, - color: '#fd8d3c', - opacity: 0.2891318626686255, - strokeOpacity: 0.385509150224834, - strokeColor: '#fd8d3c', - strokeWidth: 0.771018300449668, - }, - { - value: 0.47716209376141894, - lng: 112.12172956171162, - lat: 29.222775423564112, - color: '#fd8d3c', - opacity: 0.3578715703210642, - strokeOpacity: 0.47716209376141894, - strokeColor: '#fd8d3c', - strokeWidth: 0.9543241875228379, - }, - { - value: 0.7778327709028294, - lng: 119.87066519073599, - lat: 32.982934841441946, - color: '#bd0026', - opacity: 0.583374578177122, - strokeOpacity: 0.7778327709028294, - strokeColor: '#bd0026', - strokeWidth: 1.5556655418056589, - }, - { - value: 0.0996623343118681, - lng: 111.56013620681475, - lat: 29.181590486481582, - color: '#fed976', - opacity: 0.07474675073390108, - strokeOpacity: 0.0996623343118681, - strokeColor: '#fed976', - strokeWidth: 0.1993246686237362, - }, - { - value: 0.5663658957790785, - lng: 118.57611597307408, - lat: 33.13835526895588, - color: '#f03b20', - opacity: 0.42477442183430886, - strokeOpacity: 0.5663658957790785, - strokeColor: '#f03b20', - strokeWidth: 1.132731791558157, - }, - { - value: 0.06276051677634165, - lng: 118.87076549097509, - lat: 34.62913727774968, - color: '#fed976', - opacity: 0.047070387582256235, - strokeOpacity: 0.06276051677634165, - strokeColor: '#fed976', - strokeWidth: 0.1255210335526833, - }, - { - value: 0.8484915452415214, - lng: 115.45190730766515, - lat: 33.49236898467288, - opacity: 0.636368658931141, - strokeOpacity: 0.8484915452415214, - strokeWidth: 1.6969830904830427, - }, - { - value: 0.8547513274159917, - lng: 100.9453165466157, - lat: 30.76017673501073, - opacity: 0.6410634955619938, - strokeOpacity: 0.8547513274159917, - strokeWidth: 1.7095026548319834, - }, - { - value: 0.8189534748678815, - lng: 114.23749235880246, - lat: 31.45099398182957, - color: '#bd0026', - opacity: 0.6142151061509111, - strokeOpacity: 0.8189534748678815, - strokeColor: '#bd0026', - strokeWidth: 1.637906949735763, - }, - { - value: 0.44318024079968943, - lng: 106.58114293952747, - lat: 32.75073154062425, - color: '#fd8d3c', - opacity: 0.33238518059976707, - strokeOpacity: 0.44318024079968943, - strokeColor: '#fd8d3c', - strokeWidth: 0.8863604815993789, - }, - { - value: 0.5424018368612482, - lng: 115.38599973988138, - lat: 33.016481812510975, - color: '#f03b20', - opacity: 0.40680137764593616, - strokeOpacity: 0.5424018368612482, - strokeColor: '#f03b20', - strokeWidth: 1.0848036737224964, - }, - { - value: 0.3641887071354446, - lng: 119.76569128588233, - lat: 30.39831158949693, - color: '#fd8d3c', - opacity: 0.27314153035158345, - strokeOpacity: 0.3641887071354446, - strokeColor: '#fd8d3c', - strokeWidth: 0.7283774142708892, - }, - { - value: 0.2849386639865126, - lng: 102.46729369258986, - lat: 33.49966485483145, - color: '#feb24c', - opacity: 0.21370399798988443, - strokeOpacity: 0.2849386639865126, - strokeColor: '#feb24c', - strokeWidth: 0.5698773279730251, - }, - { - value: 0.3868835939974409, - lng: 119.17600946817066, - lat: 30.42757327709607, - color: '#fd8d3c', - opacity: 0.29016269549808066, - strokeOpacity: 0.3868835939974409, - strokeColor: '#fd8d3c', - strokeWidth: 0.7737671879948818, - }, - { - value: 0.8574807980113432, - lng: 114.41986919133488, - lat: 27.73680284438976, - opacity: 0.6431105985085075, - strokeOpacity: 0.8574807980113432, - strokeWidth: 1.7149615960226865, - }, - { - value: 0.07373928757428261, - lng: 109.35565410889879, - lat: 25.310983149560343, - color: '#fed976', - opacity: 0.055304465680711956, - strokeOpacity: 0.07373928757428261, - strokeColor: '#fed976', - strokeWidth: 0.14747857514856522, - }, - { - value: 0.9965431131594764, - lng: 117.27102341854811, - lat: 31.054813671563373, - opacity: 0.7474073348696073, - strokeOpacity: 0.9965431131594764, - strokeWidth: 1.9930862263189528, - }, - { - value: 0.6956212395850319, - lng: 103.55328593064024, - lat: 33.85173743628467, - color: '#bd0026', - opacity: 0.5217159296887739, - strokeOpacity: 0.6956212395850319, - strokeColor: '#bd0026', - strokeWidth: 1.3912424791700637, - }, - { - value: 0.2784987518439801, - lng: 101.25726702224371, - lat: 32.43127599042744, - color: '#feb24c', - opacity: 0.20887406388298507, - strokeOpacity: 0.2784987518439801, - strokeColor: '#feb24c', - strokeWidth: 0.5569975036879602, - }, - { - value: 0.07349652280135266, - lng: 109.90678133146935, - lat: 32.68676178577308, - color: '#fed976', - opacity: 0.055122392101014495, - strokeOpacity: 0.07349652280135266, - strokeColor: '#fed976', - strokeWidth: 0.14699304560270532, - }, - { - value: 0.1062699303602026, - lng: 116.39007943293237, - lat: 36.374294303695436, - color: '#fed976', - opacity: 0.07970244777015195, - strokeOpacity: 0.1062699303602026, - strokeColor: '#fed976', - strokeWidth: 0.2125398607204052, - }, - { - value: 0.7404545024283156, - lng: 119.56677792909224, - lat: 28.010178721983884, - color: '#bd0026', - opacity: 0.5553408768212367, - strokeOpacity: 0.7404545024283156, - strokeColor: '#bd0026', - strokeWidth: 1.4809090048566311, - }, - { - value: 0.5927883627165684, - lng: 117.70365540161745, - lat: 28.765779029258084, - color: '#f03b20', - opacity: 0.4445912720374263, - strokeOpacity: 0.5927883627165684, - strokeColor: '#f03b20', - strokeWidth: 1.1855767254331369, - }, - { - value: 0.40176366677424813, - lng: 102.67244373876177, - lat: 26.259975555323166, - color: '#fd8d3c', - opacity: 0.3013227500806861, - strokeOpacity: 0.40176366677424813, - strokeColor: '#fd8d3c', - strokeWidth: 0.8035273335484963, - }, - { - value: 0.9624720547024292, - lng: 105.66970218266275, - lat: 27.385754979393706, - opacity: 0.7218540410268219, - strokeOpacity: 0.9624720547024292, - strokeWidth: 1.9249441094048585, - }, - { - value: 0.8423269580949206, - lng: 101.30983254422237, - lat: 31.59293814625076, - opacity: 0.6317452185711905, - strokeOpacity: 0.8423269580949206, - strokeWidth: 1.6846539161898413, - }, - { - value: 0.28345427541317836, - lng: 110.61484602063962, - lat: 24.21642775544978, - color: '#feb24c', - opacity: 0.21259070655988377, - strokeOpacity: 0.28345427541317836, - strokeColor: '#feb24c', - strokeWidth: 0.5669085508263567, - }, - { - value: 0.3757690330468917, - lng: 117.74305443955627, - lat: 32.006009839691956, - color: '#fd8d3c', - opacity: 0.28182677478516877, - strokeOpacity: 0.3757690330468917, - strokeColor: '#fd8d3c', - strokeWidth: 0.7515380660937834, - }, - { - value: 0.8507035477486922, - lng: 113.87462304543858, - lat: 34.343511102349474, - opacity: 0.6380276608115192, - strokeOpacity: 0.8507035477486922, - strokeWidth: 1.7014070954973843, - }, - { - value: 0.5477690621628613, - lng: 107.31190473919828, - lat: 26.064332210957083, - color: '#f03b20', - opacity: 0.41082679662214594, - strokeOpacity: 0.5477690621628613, - strokeColor: '#f03b20', - strokeWidth: 1.0955381243257225, - }, - { - value: 0.766257371384705, - lng: 110.55405106224282, - lat: 29.593402987797667, - color: '#bd0026', - opacity: 0.5746930285385288, - strokeOpacity: 0.766257371384705, - strokeColor: '#bd0026', - strokeWidth: 1.53251474276941, - }, - { - value: 0.983070364258797, - lng: 114.65206803119219, - lat: 28.129480337884438, - opacity: 0.7373027731940978, - strokeOpacity: 0.983070364258797, - strokeWidth: 1.966140728517594, - }, - { - value: 0.19758424846774747, - lng: 118.92063177862319, - lat: 35.73149884385446, - color: '#feb24c', - opacity: 0.1481881863508106, - strokeOpacity: 0.19758424846774747, - strokeColor: '#feb24c', - strokeWidth: 0.39516849693549494, - }, - { - value: 0.5014335782412944, - lng: 115.88907087742302, - lat: 24.054040469244097, - color: '#f03b20', - opacity: 0.3760751836809708, - strokeOpacity: 0.5014335782412944, - strokeColor: '#f03b20', - strokeWidth: 1.0028671564825888, - }, - { - value: 0.6869733849431576, - lng: 114.7163684925006, - lat: 24.60632897362788, - color: '#bd0026', - opacity: 0.5152300387073683, - strokeOpacity: 0.6869733849431576, - strokeColor: '#bd0026', - strokeWidth: 1.3739467698863153, - }, - { - value: 0.9179809483711296, - lng: 117.57036377136089, - lat: 32.80811391624798, - opacity: 0.6884857112783472, - strokeOpacity: 0.9179809483711296, - strokeWidth: 1.8359618967422593, - }, - { - value: 0.16251389372055502, - lng: 103.30533198031347, - lat: 28.76042560859668, - color: '#fed976', - opacity: 0.12188542029041627, - strokeOpacity: 0.16251389372055502, - strokeColor: '#fed976', - strokeWidth: 0.32502778744111005, - }, - { - value: 0.3307054258481996, - lng: 101.41218151352948, - lat: 36.754034625743486, - color: '#feb24c', - opacity: 0.24802906938614971, - strokeOpacity: 0.3307054258481996, - strokeColor: '#feb24c', - strokeWidth: 0.6614108516963992, - }, - { - value: 0.8430500246369799, - lng: 110.01922225041216, - lat: 29.2251708489399, - opacity: 0.6322875184777349, - strokeOpacity: 0.8430500246369799, - strokeWidth: 1.6861000492739597, - }, - { - value: 0.4589641543717633, - lng: 118.99063986249274, - lat: 26.614101969928655, - color: '#fd8d3c', - opacity: 0.3442231157788225, - strokeOpacity: 0.4589641543717633, - strokeColor: '#fd8d3c', - strokeWidth: 0.9179283087435266, - }, - { - value: 0.28882510903497427, - lng: 105.35799318539837, - lat: 29.667368680381873, - color: '#feb24c', - opacity: 0.2166188317762307, - strokeOpacity: 0.28882510903497427, - strokeColor: '#feb24c', - strokeWidth: 0.5776502180699485, - }, - { - value: 0.9494446092457514, - lng: 116.85731508965654, - lat: 27.255375812759688, - opacity: 0.7120834569343135, - strokeOpacity: 0.9494446092457514, - strokeWidth: 1.8988892184915027, - }, - { - value: 0.44870573418377346, - lng: 117.91578488563434, - lat: 24.13108227686261, - color: '#fd8d3c', - opacity: 0.3365293006378301, - strokeOpacity: 0.44870573418377346, - strokeColor: '#fd8d3c', - strokeWidth: 0.8974114683675469, - }, - { - value: 0.5533414289185228, - lng: 104.82283752692037, - lat: 28.993857869314084, - color: '#f03b20', - opacity: 0.4150060716888921, - strokeOpacity: 0.5533414289185228, - strokeColor: '#f03b20', - strokeWidth: 1.1066828578370456, - }, - { - value: 0.4639111852929694, - lng: 108.57178003831663, - lat: 26.32975120796451, - color: '#fd8d3c', - opacity: 0.34793338896972703, - strokeOpacity: 0.4639111852929694, - strokeColor: '#fd8d3c', - strokeWidth: 0.9278223705859387, - }, - { - value: 0.8922952014650936, - lng: 109.62187035148186, - lat: 26.829358707616073, - opacity: 0.6692214010988202, - strokeOpacity: 0.8922952014650936, - strokeWidth: 1.7845904029301871, - }, - { - value: 0.29236794093281593, - lng: 115.8666630072931, - lat: 24.462018326261166, - color: '#feb24c', - opacity: 0.21927595569961195, - strokeOpacity: 0.29236794093281593, - strokeColor: '#feb24c', - strokeWidth: 0.5847358818656319, - }, - { - value: 0.08366105801501389, - lng: 112.44551257064255, - lat: 27.06050795718228, - color: '#fed976', - opacity: 0.06274579351126042, - strokeOpacity: 0.08366105801501389, - strokeColor: '#fed976', - strokeWidth: 0.16732211603002778, - }, - { - value: 0.2770427364901158, - lng: 110.13757529373916, - lat: 34.275960928100346, - color: '#feb24c', - opacity: 0.20778205236758684, - strokeOpacity: 0.2770427364901158, - strokeColor: '#feb24c', - strokeWidth: 0.5540854729802316, - }, - { - value: 0.6326859126794127, - lng: 106.18964150152692, - lat: 31.914750877946318, - color: '#f03b20', - opacity: 0.4745144345095595, - strokeOpacity: 0.6326859126794127, - strokeColor: '#f03b20', - strokeWidth: 1.2653718253588253, - }, - { - value: 0.089057656222155, - lng: 108.33040190305238, - lat: 30.9311949028155, - color: '#fed976', - opacity: 0.06679324216661625, - strokeOpacity: 0.089057656222155, - strokeColor: '#fed976', - strokeWidth: 0.17811531244431, - }, - { - value: 0.606221613671297, - lng: 101.91374556230608, - lat: 27.078699234918297, - color: '#f03b20', - opacity: 0.45466621025347276, - strokeOpacity: 0.606221613671297, - strokeColor: '#f03b20', - strokeWidth: 1.212443227342594, - }, - { - value: 0.9171923113427367, - lng: 105.32801988350346, - lat: 33.596336773607064, - opacity: 0.6878942335070526, - strokeOpacity: 0.9171923113427367, - strokeWidth: 1.8343846226854734, - }, - { - value: 0.016818231527896632, - lng: 102.23439751369331, - lat: 32.08242034323805, - color: '#fed976', - opacity: 0.012613673645922474, - strokeOpacity: 0.016818231527896632, - strokeColor: '#fed976', - strokeWidth: 0.033636463055793264, - }, - { - value: 0.2111525213463734, - lng: 119.05433256339366, - lat: 26.015746709076772, - color: '#feb24c', - opacity: 0.15836439100978006, - strokeOpacity: 0.2111525213463734, - strokeColor: '#feb24c', - strokeWidth: 0.4223050426927468, - }, - { - value: 0.2792314937056837, - lng: 114.50947933206587, - lat: 25.805231740999915, - color: '#feb24c', - opacity: 0.20942362027926276, - strokeOpacity: 0.2792314937056837, - strokeColor: '#feb24c', - strokeWidth: 0.5584629874113674, - }, - { - value: 0.8421166359198495, - lng: 105.922524608128, - lat: 25.42486375439286, - opacity: 0.6315874769398871, - strokeOpacity: 0.8421166359198495, - strokeWidth: 1.684233271839699, - }, - { - value: 0.46710695778238565, - lng: 104.33868496726507, - lat: 36.930864536102746, - color: '#fd8d3c', - opacity: 0.35033021833678923, - strokeOpacity: 0.46710695778238565, - strokeColor: '#fd8d3c', - strokeWidth: 0.9342139155647713, - }, - { - value: 0.634800601684713, - lng: 109.34853040901407, - lat: 32.36377267425482, - color: '#f03b20', - opacity: 0.47610045126353473, - strokeOpacity: 0.634800601684713, - strokeColor: '#f03b20', - strokeWidth: 1.269601203369426, - }, - { - value: 0.16575084395759587, - lng: 106.41523222533945, - lat: 27.39467655697364, - color: '#fed976', - opacity: 0.1243131329681969, - strokeOpacity: 0.16575084395759587, - strokeColor: '#fed976', - strokeWidth: 0.33150168791519175, - }, - { - value: 0.3320280467284955, - lng: 113.43430867510305, - lat: 34.2100047455459, - color: '#feb24c', - opacity: 0.24902103504637163, - strokeOpacity: 0.3320280467284955, - strokeColor: '#feb24c', - strokeWidth: 0.664056093456991, - }, - { - value: 0.07089036031799578, - lng: 100.9109749312243, - lat: 27.53874116523806, - color: '#fed976', - opacity: 0.053167770238496836, - strokeOpacity: 0.07089036031799578, - strokeColor: '#fed976', - strokeWidth: 0.14178072063599156, - }, - { - value: 0.5754830634263834, - lng: 110.27066001568515, - lat: 29.983473844872385, - color: '#f03b20', - opacity: 0.4316122975697876, - strokeOpacity: 0.5754830634263834, - strokeColor: '#f03b20', - strokeWidth: 1.150966126852767, - }, - { - value: 0.7709220418594651, - lng: 112.75302504036509, - lat: 32.2052341705791, - color: '#bd0026', - opacity: 0.5781915313945989, - strokeOpacity: 0.7709220418594651, - strokeColor: '#bd0026', - strokeWidth: 1.5418440837189302, - }, - { - value: 0.33684758322138575, - lng: 109.18960240116816, - lat: 29.2296287100747, - color: '#fd8d3c', - opacity: 0.2526356874160393, - strokeOpacity: 0.33684758322138575, - strokeColor: '#fd8d3c', - strokeWidth: 0.6736951664427715, - }, - { - value: 0.30067776302821936, - lng: 102.14946934390639, - lat: 33.07183172122658, - color: '#feb24c', - opacity: 0.22550832227116452, - strokeOpacity: 0.30067776302821936, - strokeColor: '#feb24c', - strokeWidth: 0.6013555260564387, - }, - { - value: 0.6284433751285232, - lng: 113.52025257391129, - lat: 30.46675075547826, - color: '#f03b20', - opacity: 0.4713325313463924, - strokeOpacity: 0.6284433751285232, - strokeColor: '#f03b20', - strokeWidth: 1.2568867502570464, - }, - { - value: 0.2572916265576737, - lng: 106.17939019518981, - lat: 29.713713373152213, - color: '#feb24c', - opacity: 0.19296871991825526, - strokeOpacity: 0.2572916265576737, - strokeColor: '#feb24c', - strokeWidth: 0.5145832531153474, - }, - { - value: 0.2876737588104179, - lng: 112.01182592391243, - lat: 25.039321944122513, - color: '#feb24c', - opacity: 0.21575531910781343, - strokeOpacity: 0.2876737588104179, - strokeColor: '#feb24c', - strokeWidth: 0.5753475176208358, - }, - { - value: 0.133452609467674, - lng: 118.73197188479554, - lat: 27.843154146892502, - color: '#fed976', - opacity: 0.10008945710075551, - strokeOpacity: 0.133452609467674, - strokeColor: '#fed976', - strokeWidth: 0.266905218935348, - }, - { - value: 0.6988684078846525, - lng: 101.96973643162944, - lat: 30.419719863035517, - color: '#bd0026', - opacity: 0.5241513059134895, - strokeOpacity: 0.6988684078846525, - strokeColor: '#bd0026', - strokeWidth: 1.397736815769305, - }, - { - value: 0.5168584508409018, - lng: 118.39489577327939, - lat: 28.007993654973557, - color: '#f03b20', - opacity: 0.3876438381306763, - strokeOpacity: 0.5168584508409018, - strokeColor: '#f03b20', - strokeWidth: 1.0337169016818035, - }, - { - value: 0.7158409488755508, - lng: 112.56224948222608, - lat: 31.770992595595352, - color: '#bd0026', - opacity: 0.5368807116566632, - strokeOpacity: 0.7158409488755508, - strokeColor: '#bd0026', - strokeWidth: 1.4316818977511017, - }, - { - value: 0.934507718041661, - lng: 118.06541863452559, - lat: 35.78016903896054, - opacity: 0.7008807885312458, - strokeOpacity: 0.934507718041661, - strokeWidth: 1.869015436083322, - }, - { - value: 0.5031272787314278, - lng: 116.59073307469455, - lat: 36.19812522414502, - color: '#f03b20', - opacity: 0.37734545904857086, - strokeOpacity: 0.5031272787314278, - strokeColor: '#f03b20', - strokeWidth: 1.0062545574628556, - }, - { - value: 0.9904082804719587, - lng: 119.6456939019715, - lat: 34.09338081915391, - opacity: 0.742806210353969, - strokeOpacity: 0.9904082804719587, - strokeWidth: 1.9808165609439174, - }, - { - value: 0.3014116298410643, - lng: 104.87881421507218, - lat: 34.099701037159626, - color: '#feb24c', - opacity: 0.22605872238079822, - strokeOpacity: 0.3014116298410643, - strokeColor: '#feb24c', - strokeWidth: 0.6028232596821286, - }, - { - value: 0.18497617877104733, - lng: 106.613370312094, - lat: 24.625041473654736, - color: '#feb24c', - opacity: 0.1387321340782855, - strokeOpacity: 0.18497617877104733, - strokeColor: '#feb24c', - strokeWidth: 0.36995235754209466, - }, - { - value: 0.9992398887576941, - lng: 107.01129482665418, - lat: 35.17520085099375, - opacity: 0.7494299165682705, - strokeOpacity: 0.9992398887576941, - strokeWidth: 1.9984797775153882, - }, - { - value: 0.3698273733751811, - lng: 109.46326820329072, - lat: 28.372568679222915, - color: '#fd8d3c', - opacity: 0.27737053003138584, - strokeOpacity: 0.3698273733751811, - strokeColor: '#fd8d3c', - strokeWidth: 0.7396547467503622, - }, - { - value: 0.2754003278310846, - lng: 109.10643576188016, - lat: 29.35779769969534, - color: '#feb24c', - opacity: 0.20655024587331344, - strokeOpacity: 0.2754003278310846, - strokeColor: '#feb24c', - strokeWidth: 0.5508006556621692, - }, - { - value: 0.9191744204471264, - lng: 103.5695603178973, - lat: 35.57926216554958, - opacity: 0.6893808153353448, - strokeOpacity: 0.9191744204471264, - strokeWidth: 1.8383488408942528, - }, - { - value: 0.5871441864773672, - lng: 110.72895644304081, - lat: 26.180705783978617, - color: '#f03b20', - opacity: 0.4403581398580254, - strokeOpacity: 0.5871441864773672, - strokeColor: '#f03b20', - strokeWidth: 1.1742883729547344, - }, - { - value: 0.7924062470355244, - lng: 115.98933182531377, - lat: 25.2147777801638, - color: '#bd0026', - opacity: 0.5943046852766434, - strokeOpacity: 0.7924062470355244, - strokeColor: '#bd0026', - strokeWidth: 1.5848124940710488, - }, - { - value: 0.7619230856596488, - lng: 109.32560004718657, - lat: 24.359403752877594, - color: '#bd0026', - opacity: 0.5714423142447367, - strokeOpacity: 0.7619230856596488, - strokeColor: '#bd0026', - strokeWidth: 1.5238461713192977, - }, - { - value: 0.5024830009617769, - lng: 101.44205792265528, - lat: 25.184935527498233, - color: '#f03b20', - opacity: 0.37686225072133267, - strokeOpacity: 0.5024830009617769, - strokeColor: '#f03b20', - strokeWidth: 1.0049660019235538, - }, - { - value: 0.23622824353862804, - lng: 118.04310049742614, - lat: 36.50489271746597, - color: '#feb24c', - opacity: 0.17717118265397103, - strokeOpacity: 0.23622824353862804, - strokeColor: '#feb24c', - strokeWidth: 0.47245648707725607, - }, - { - value: 0.928219302021654, - lng: 110.13248559278547, - lat: 30.813517842649507, - opacity: 0.6961644765162405, - strokeOpacity: 0.928219302021654, - strokeWidth: 1.856438604043308, - }, - { - value: 0.5127481796123308, - lng: 105.53430036214581, - lat: 33.168315589225045, - color: '#f03b20', - opacity: 0.3845611347092481, - strokeOpacity: 0.5127481796123308, - strokeColor: '#f03b20', - strokeWidth: 1.0254963592246615, - }, - { - value: 0.525014052586507, - lng: 106.50000389084008, - lat: 27.989517713564624, - color: '#f03b20', - opacity: 0.39376053943988026, - strokeOpacity: 0.525014052586507, - strokeColor: '#f03b20', - strokeWidth: 1.050028105173014, - }, - { - value: 0.29878464911503055, - lng: 106.09690986557118, - lat: 26.21169573780185, - color: '#feb24c', - opacity: 0.22408848683627292, - strokeOpacity: 0.29878464911503055, - strokeColor: '#feb24c', - strokeWidth: 0.5975692982300611, - }, - { - value: 0.5203306573715638, - lng: 113.40468740939068, - lat: 25.112900097703477, - color: '#f03b20', - opacity: 0.39024799302867286, - strokeOpacity: 0.5203306573715638, - strokeColor: '#f03b20', - strokeWidth: 1.0406613147431276, - }, - { - value: 0.1731770754814157, - lng: 117.59471405872142, - lat: 36.103499031698185, - color: '#feb24c', - opacity: 0.12988280661106177, - strokeOpacity: 0.1731770754814157, - strokeColor: '#feb24c', - strokeWidth: 0.3463541509628314, - }, - { - value: 0.05165019584114994, - lng: 114.05235050692498, - lat: 29.44142085790951, - color: '#fed976', - opacity: 0.03873764688086245, - strokeOpacity: 0.05165019584114994, - strokeColor: '#fed976', - strokeWidth: 0.10330039168229987, - }, - { - value: 0.20215582685524147, - lng: 102.10531834897024, - lat: 27.340247946658813, - color: '#feb24c', - opacity: 0.1516168701414311, - strokeOpacity: 0.20215582685524147, - strokeColor: '#feb24c', - strokeWidth: 0.40431165371048294, - }, - { - value: 0.6308782748181365, - lng: 115.72200908519466, - lat: 32.735372860363135, - color: '#f03b20', - opacity: 0.4731587061136024, - strokeOpacity: 0.6308782748181365, - strokeColor: '#f03b20', - strokeWidth: 1.261756549636273, - }, - { - value: 0.1434436138451407, - lng: 118.55741161693646, - lat: 37.2703950381455, - color: '#fed976', - opacity: 0.10758271038385553, - strokeOpacity: 0.1434436138451407, - strokeColor: '#fed976', - strokeWidth: 0.2868872276902814, - }, - { - value: 0.5570173967711687, - lng: 103.55482279935958, - lat: 25.336026918480844, - color: '#f03b20', - opacity: 0.4177630475783765, - strokeOpacity: 0.5570173967711687, - strokeColor: '#f03b20', - strokeWidth: 1.1140347935423374, - }, - { - value: 0.658677767258024, - lng: 116.09739771208683, - lat: 25.620157179971343, - color: '#f03b20', - opacity: 0.49400832544351797, - strokeOpacity: 0.658677767258024, - strokeColor: '#f03b20', - strokeWidth: 1.317355534516048, - }, - { - value: 0.5817212213765943, - lng: 106.65078518705972, - lat: 29.95296604285436, - color: '#f03b20', - opacity: 0.43629091603244574, - strokeOpacity: 0.5817212213765943, - strokeColor: '#f03b20', - strokeWidth: 1.1634424427531886, - }, - { - value: 0.0972562011529885, - lng: 118.6277308765159, - lat: 29.275298845146864, - color: '#fed976', - opacity: 0.07294215086474137, - strokeOpacity: 0.0972562011529885, - strokeColor: '#fed976', - strokeWidth: 0.194512402305977, - }, - { - value: 0.030057135693406734, - lng: 105.51927910070995, - lat: 34.48125289562254, - color: '#fed976', - opacity: 0.02254285177005505, - strokeOpacity: 0.030057135693406734, - strokeColor: '#fed976', - strokeWidth: 0.06011427138681347, - }, - { - value: 0.03205704015742761, - lng: 101.19939587376552, - lat: 33.30440463200027, - color: '#fed976', - opacity: 0.024042780118070706, - strokeOpacity: 0.03205704015742761, - strokeColor: '#fed976', - strokeWidth: 0.06411408031485522, - }, - { - value: 0.45266053607084444, - lng: 100.87784215887969, - lat: 28.355104146253446, - color: '#fd8d3c', - opacity: 0.33949540205313333, - strokeOpacity: 0.45266053607084444, - strokeColor: '#fd8d3c', - strokeWidth: 0.9053210721416889, - }, - { - value: 0.41022303693876516, - lng: 114.98448357434708, - lat: 29.136857605116713, - color: '#fd8d3c', - opacity: 0.30766727770407387, - strokeOpacity: 0.41022303693876516, - strokeColor: '#fd8d3c', - strokeWidth: 0.8204460738775303, - }, - { - value: 0.269915409558777, - lng: 109.27041608638892, - lat: 34.057310399505575, - color: '#feb24c', - opacity: 0.20243655716908276, - strokeOpacity: 0.269915409558777, - strokeColor: '#feb24c', - strokeWidth: 0.539830819117554, - }, - { - value: 0.612821614506269, - lng: 115.75172712257063, - lat: 31.223694173570564, - color: '#f03b20', - opacity: 0.4596162108797018, - strokeOpacity: 0.612821614506269, - strokeColor: '#f03b20', - strokeWidth: 1.225643229012538, - }, - { - value: 0.05561235261461506, - lng: 113.38950054529106, - lat: 35.97619304192372, - color: '#fed976', - opacity: 0.04170926446096129, - strokeOpacity: 0.05561235261461506, - strokeColor: '#fed976', - strokeWidth: 0.11122470522923011, - }, - { - value: 0.3035177975726604, - lng: 109.40221975412445, - lat: 30.20083206211408, - color: '#feb24c', - opacity: 0.2276383481794953, - strokeOpacity: 0.3035177975726604, - strokeColor: '#feb24c', - strokeWidth: 0.6070355951453208, - }, - { - value: 0.6323171533936505, - lng: 118.03564439086071, - lat: 30.595386930448498, - color: '#f03b20', - opacity: 0.47423786504523785, - strokeOpacity: 0.6323171533936505, - strokeColor: '#f03b20', - strokeWidth: 1.264634306787301, - }, - { - value: 0.48383949534937254, - lng: 120.19029947412511, - lat: 37.11354793401028, - color: '#fd8d3c', - opacity: 0.3628796215120294, - strokeOpacity: 0.48383949534937254, - strokeColor: '#fd8d3c', - strokeWidth: 0.9676789906987451, - }, - { - value: 0.35878805346471054, - lng: 102.26893507168587, - lat: 25.15324005816383, - color: '#fd8d3c', - opacity: 0.2690910400985329, - strokeOpacity: 0.35878805346471054, - strokeColor: '#fd8d3c', - strokeWidth: 0.7175761069294211, - }, - { - value: 0.31934396294150846, - lng: 103.3490861595297, - lat: 35.32836703740993, - color: '#feb24c', - opacity: 0.23950797220613135, - strokeOpacity: 0.31934396294150846, - strokeColor: '#feb24c', - strokeWidth: 0.6386879258830169, - }, - { - value: 0.4189894936527454, - lng: 115.53736541569816, - lat: 28.179359588983953, - color: '#fd8d3c', - opacity: 0.31424212023955905, - strokeOpacity: 0.4189894936527454, - strokeColor: '#fd8d3c', - strokeWidth: 0.8379789873054908, - }, - { - value: 0.9675035502750844, - lng: 105.36931230180129, - lat: 24.408583820693067, - opacity: 0.7256276627063133, - strokeOpacity: 0.9675035502750844, - strokeWidth: 1.9350071005501688, - }, - { - value: 0.5447129833300866, - lng: 106.15523472208065, - lat: 34.151096962806875, - color: '#f03b20', - opacity: 0.4085347374975649, - strokeOpacity: 0.5447129833300866, - strokeColor: '#f03b20', - strokeWidth: 1.089425966660173, - }, - { - value: 0.8217492500282519, - lng: 113.96687976236812, - lat: 28.33141942217184, - color: '#bd0026', - opacity: 0.616311937521189, - strokeOpacity: 0.8217492500282519, - strokeColor: '#bd0026', - strokeWidth: 1.6434985000565039, - }, - { - value: 0.38041717936562747, - lng: 100.73325649371823, - lat: 35.67899907513953, - color: '#fd8d3c', - opacity: 0.2853128845242206, - strokeOpacity: 0.38041717936562747, - strokeColor: '#fd8d3c', - strokeWidth: 0.7608343587312549, - }, - { - value: 0.9929697665793793, - lng: 103.39838613223127, - lat: 29.17605825347104, - opacity: 0.7447273249345345, - strokeOpacity: 0.9929697665793793, - strokeWidth: 1.9859395331587586, - }, - { - value: 0.682890167012405, - lng: 115.73050175727911, - lat: 28.444901037553077, - color: '#bd0026', - opacity: 0.5121676252593037, - strokeOpacity: 0.682890167012405, - strokeColor: '#bd0026', - strokeWidth: 1.36578033402481, - }, - { - value: 0.5940869397822492, - lng: 106.31319406059792, - lat: 24.28004149613942, - color: '#f03b20', - opacity: 0.44556520483668693, - strokeOpacity: 0.5940869397822492, - strokeColor: '#f03b20', - strokeWidth: 1.1881738795644985, - }, - { - value: 0.5872399633678307, - lng: 102.68452524025574, - lat: 28.43050275531809, - color: '#f03b20', - opacity: 0.440429972525873, - strokeOpacity: 0.5872399633678307, - strokeColor: '#f03b20', - strokeWidth: 1.1744799267356614, - }, - { - value: 0.046281846155538764, - lng: 120.2903636636376, - lat: 25.788669767458142, - color: '#fed976', - opacity: 0.03471138461665407, - strokeOpacity: 0.046281846155538764, - strokeColor: '#fed976', - strokeWidth: 0.09256369231107753, - }, - { - value: 0.11645862686609032, - lng: 117.74960880684864, - lat: 35.59962108221363, - color: '#fed976', - opacity: 0.08734397014956774, - strokeOpacity: 0.11645862686609032, - strokeColor: '#fed976', - strokeWidth: 0.23291725373218064, - }, - { - value: 0.48156124310671866, - lng: 104.24057297121892, - lat: 26.41844931098867, - color: '#fd8d3c', - opacity: 0.361170932330039, - strokeOpacity: 0.48156124310671866, - strokeColor: '#fd8d3c', - strokeWidth: 0.9631224862134373, - }, - { - value: 0.19132556898710074, - lng: 110.39126995690378, - lat: 33.03656884357823, - color: '#feb24c', - opacity: 0.14349417674032555, - strokeOpacity: 0.19132556898710074, - strokeColor: '#feb24c', - strokeWidth: 0.38265113797420147, - }, - { - value: 0.881745483070367, - lng: 107.23902222179476, - lat: 33.986657347454255, - opacity: 0.6613091123027752, - strokeOpacity: 0.881745483070367, - strokeWidth: 1.763490966140734, - }, - { - value: 0.22820923649836744, - lng: 113.9229799600897, - lat: 30.955746538073644, - color: '#feb24c', - opacity: 0.17115692737377558, - strokeOpacity: 0.22820923649836744, - strokeColor: '#feb24c', - strokeWidth: 0.4564184729967349, - }, - { - value: 0.016160629653980685, - lng: 118.42816544063889, - lat: 32.778297538570214, - color: '#fed976', - opacity: 0.012120472240485514, - strokeOpacity: 0.016160629653980685, - strokeColor: '#fed976', - strokeWidth: 0.03232125930796137, - }, - { - value: 0.36696085072871254, - lng: 104.82408222155696, - lat: 31.367784816854464, - color: '#fd8d3c', - opacity: 0.2752206380465344, - strokeOpacity: 0.36696085072871254, - strokeColor: '#fd8d3c', - strokeWidth: 0.7339217014574251, - }, - { - value: 0.3229970855560347, - lng: 113.98383612683277, - lat: 24.420812598328368, - color: '#feb24c', - opacity: 0.242247814167026, - strokeOpacity: 0.3229970855560347, - strokeColor: '#feb24c', - strokeWidth: 0.6459941711120694, - }, - { - value: 0.781368660833641, - lng: 117.45983215192184, - lat: 36.56751436413249, - color: '#bd0026', - opacity: 0.5860264956252308, - strokeOpacity: 0.781368660833641, - strokeColor: '#bd0026', - strokeWidth: 1.562737321667282, - }, - { - value: 0.7564817645692832, - lng: 116.5015053398968, - lat: 31.252580534488803, - color: '#bd0026', - opacity: 0.5673613234269623, - strokeOpacity: 0.7564817645692832, - strokeColor: '#bd0026', - strokeWidth: 1.5129635291385664, - }, - { - value: 0.8595546025387297, - lng: 115.3702535299073, - lat: 33.33481985702023, - opacity: 0.6446659519040473, - strokeOpacity: 0.8595546025387297, - strokeWidth: 1.7191092050774595, - }, - { - value: 0.2888262586497341, - lng: 113.12409200139922, - lat: 33.09141447254208, - color: '#feb24c', - opacity: 0.21661969398730058, - strokeOpacity: 0.2888262586497341, - strokeColor: '#feb24c', - strokeWidth: 0.5776525172994682, - }, - { - value: 0.7096604741113748, - lng: 107.3339773721259, - lat: 27.801121217481718, - color: '#bd0026', - opacity: 0.5322453555835311, - strokeOpacity: 0.7096604741113748, - strokeColor: '#bd0026', - strokeWidth: 1.4193209482227496, - }, - { - value: 0.2612272875267949, - lng: 120.41053938400725, - lat: 28.53162447936277, - color: '#feb24c', - opacity: 0.1959204656450962, - strokeOpacity: 0.2612272875267949, - strokeColor: '#feb24c', - strokeWidth: 0.5224545750535898, - }, - { - value: 0.3885632528310605, - lng: 103.04498782751405, - lat: 36.120246143042735, - color: '#fd8d3c', - opacity: 0.2914224396232954, - strokeOpacity: 0.3885632528310605, - strokeColor: '#fd8d3c', - strokeWidth: 0.777126505662121, - }, - { - value: 0.17320834549629494, - lng: 112.23857505406014, - lat: 27.1910221287432, - color: '#feb24c', - opacity: 0.1299062591222212, - strokeOpacity: 0.17320834549629494, - strokeColor: '#feb24c', - strokeWidth: 0.34641669099258987, - }, - { - value: 0.9928768084908861, - lng: 119.5459533558606, - lat: 32.06707747375931, - opacity: 0.7446576063681646, - strokeOpacity: 0.9928768084908861, - strokeWidth: 1.9857536169817722, - }, - { - value: 0.21106925626739903, - lng: 113.74065154892199, - lat: 31.96566025977335, - color: '#feb24c', - opacity: 0.15830194220054927, - strokeOpacity: 0.21106925626739903, - strokeColor: '#feb24c', - strokeWidth: 0.42213851253479806, - }, - { - value: 0.9531669341260727, - lng: 114.27414250113348, - lat: 36.32502551200029, - opacity: 0.7148752005945544, - strokeOpacity: 0.9531669341260727, - strokeWidth: 1.9063338682521453, - }, - { - value: 0.09494547421477462, - lng: 114.46628096799772, - lat: 24.369602483462277, - color: '#fed976', - opacity: 0.07120910566108096, - strokeOpacity: 0.09494547421477462, - strokeColor: '#fed976', - strokeWidth: 0.18989094842954923, - }, - { - value: 0.9942710808209221, - lng: 102.49306337600912, - lat: 31.503553310706717, - opacity: 0.7457033106156916, - strokeOpacity: 0.9942710808209221, - strokeWidth: 1.9885421616418442, - }, - { - value: 0.3616742843552825, - lng: 111.66692835034434, - lat: 25.459234617865476, - color: '#fd8d3c', - opacity: 0.27125571326646186, - strokeOpacity: 0.3616742843552825, - strokeColor: '#fd8d3c', - strokeWidth: 0.723348568710565, - }, - { - value: 0.5557549114135047, - lng: 104.14396806068208, - lat: 31.630799289440095, - color: '#f03b20', - opacity: 0.41681618356012856, - strokeOpacity: 0.5557549114135047, - strokeColor: '#f03b20', - strokeWidth: 1.1115098228270095, - }, - { - value: 0.9727949223858687, - lng: 113.94703044243357, - lat: 28.11423693048707, - opacity: 0.7295961917894016, - strokeOpacity: 0.9727949223858687, - strokeWidth: 1.9455898447717375, - }, - { - value: 0.28656776832907904, - lng: 117.96297809098296, - lat: 26.48544601043767, - color: '#feb24c', - opacity: 0.21492582624680928, - strokeOpacity: 0.28656776832907904, - strokeColor: '#feb24c', - strokeWidth: 0.5731355366581581, - }, - { - value: 0.6905101862177427, - lng: 114.52589442831281, - lat: 29.007899528091656, - color: '#bd0026', - opacity: 0.517882639663307, - strokeOpacity: 0.6905101862177427, - strokeColor: '#bd0026', - strokeWidth: 1.3810203724354855, - }, - { - value: 0.3652731981595094, - lng: 101.0356445129114, - lat: 27.477821103485148, - color: '#fd8d3c', - opacity: 0.27395489861963207, - strokeOpacity: 0.3652731981595094, - strokeColor: '#fd8d3c', - strokeWidth: 0.7305463963190189, - }, - { - value: 0.4908830198288541, - lng: 112.32316575386946, - lat: 25.23893294058804, - color: '#fd8d3c', - opacity: 0.36816226487164055, - strokeOpacity: 0.4908830198288541, - strokeColor: '#fd8d3c', - strokeWidth: 0.9817660396577081, - }, - { - value: 0.9961569895935594, - lng: 111.650706571212, - lat: 36.89839059168011, - opacity: 0.7471177421951696, - strokeOpacity: 0.9961569895935594, - strokeWidth: 1.9923139791871187, - }, - { - value: 0.6516115488306855, - lng: 119.65620342667847, - lat: 35.13189258770418, - color: '#f03b20', - opacity: 0.48870866162301413, - strokeOpacity: 0.6516115488306855, - strokeColor: '#f03b20', - strokeWidth: 1.303223097661371, - }, - { - value: 0.7529382574814332, - lng: 105.96897855651108, - lat: 24.650879632594183, - color: '#bd0026', - opacity: 0.5647036931110749, - strokeOpacity: 0.7529382574814332, - strokeColor: '#bd0026', - strokeWidth: 1.5058765149628663, - }, - { - value: 0.571422441669653, - lng: 107.59630540908118, - lat: 35.93196560526254, - color: '#f03b20', - opacity: 0.4285668312522397, - strokeOpacity: 0.571422441669653, - strokeColor: '#f03b20', - strokeWidth: 1.142844883339306, - }, - { - value: 0.981280118457937, - lng: 102.48280422873101, - lat: 31.23543522515748, - opacity: 0.7359600888434528, - strokeOpacity: 0.981280118457937, - strokeWidth: 1.962560236915874, - }, - { - value: 0.32320127016192735, - lng: 118.97636160811511, - lat: 37.44476263828174, - color: '#feb24c', - opacity: 0.2424009526214455, - strokeOpacity: 0.32320127016192735, - strokeColor: '#feb24c', - strokeWidth: 0.6464025403238547, - }, - { - value: 0.38112169180085975, - lng: 118.30059144710478, - lat: 34.61390369983137, - color: '#fd8d3c', - opacity: 0.2858412688506448, - strokeOpacity: 0.38112169180085975, - strokeColor: '#fd8d3c', - strokeWidth: 0.7622433836017195, - }, - { - value: 0.5563382618451294, - lng: 102.99581661216455, - lat: 32.938467592682684, - color: '#f03b20', - opacity: 0.417253696383847, - strokeOpacity: 0.5563382618451294, - strokeColor: '#f03b20', - strokeWidth: 1.1126765236902587, - }, - { - value: 0.7087923303535031, - lng: 118.26864327372482, - lat: 25.747789320723278, - color: '#bd0026', - opacity: 0.5315942477651273, - strokeOpacity: 0.7087923303535031, - strokeColor: '#bd0026', - strokeWidth: 1.4175846607070062, - }, - { - value: 0.4428306295706168, - lng: 101.09294629897107, - lat: 34.55781464435515, - color: '#fd8d3c', - opacity: 0.3321229721779626, - strokeOpacity: 0.4428306295706168, - strokeColor: '#fd8d3c', - strokeWidth: 0.8856612591412336, - }, - { - value: 0.37834211415282515, - lng: 113.77974415779615, - lat: 26.979819271905484, - color: '#fd8d3c', - opacity: 0.28375658561461886, - strokeOpacity: 0.37834211415282515, - strokeColor: '#fd8d3c', - strokeWidth: 0.7566842283056503, - }, - { - value: 0.33588811975353994, - lng: 105.01581851621197, - lat: 31.62078771566555, - color: '#fd8d3c', - opacity: 0.25191608981515495, - strokeOpacity: 0.33588811975353994, - strokeColor: '#fd8d3c', - strokeWidth: 0.6717762395070799, - }, - { - value: 0.7263069233831134, - lng: 119.1342449583143, - lat: 31.533446763316313, - color: '#bd0026', - opacity: 0.5447301925373351, - strokeOpacity: 0.7263069233831134, - strokeColor: '#bd0026', - strokeWidth: 1.4526138467662268, - }, - { - value: 0.7790603192168162, - lng: 110.43393609704826, - lat: 27.403911023434876, - color: '#bd0026', - opacity: 0.5842952394126122, - strokeOpacity: 0.7790603192168162, - strokeColor: '#bd0026', - strokeWidth: 1.5581206384336324, - }, - { - value: 0.565435031214615, - lng: 101.4303306120345, - lat: 32.51897786928796, - color: '#f03b20', - opacity: 0.42407627341096127, - strokeOpacity: 0.565435031214615, - strokeColor: '#f03b20', - strokeWidth: 1.13087006242923, - }, - { - value: 0.636604789831255, - lng: 109.57859928996554, - lat: 27.907255590110108, - color: '#f03b20', - opacity: 0.47745359237344126, - strokeOpacity: 0.636604789831255, - strokeColor: '#f03b20', - strokeWidth: 1.27320957966251, - }, - { - value: 0.5108680400874517, - lng: 116.2558436875651, - lat: 26.078285114419522, - color: '#f03b20', - opacity: 0.38315103006558876, - strokeOpacity: 0.5108680400874517, - strokeColor: '#f03b20', - strokeWidth: 1.0217360801749034, - }, - { - value: 0.3717332762066561, - lng: 105.00492095326271, - lat: 24.11734585462549, - color: '#fd8d3c', - opacity: 0.27879995715499206, - strokeOpacity: 0.3717332762066561, - strokeColor: '#fd8d3c', - strokeWidth: 0.7434665524133122, - }, - ]; this.scene = scene; - - let d = [ - { - value: 0.043465917439122315, - lng: 30.48394837998446, - lat: 118.1295098941759, - color: '#fed976', - opacity: 0.021732958719561157, - strokeOpacity: 0.043465917439122315, - strokeColor: '#fed976', - strokeWidth: 0.08693183487824463, - }, - ]; scene.on('loaded', () => { - let layer = new PointLayer() - .source(originData, { - parser: { - type: 'json', - x: 'lng', - y: 'lat', - }, - }) - .shape('circle') - .color('color') - .size('value', (v) => 5 + 15 * v) - .style({ - stroke: 'strokeColor', - // stroke: ['strokeColor', (d: any) => { - // return d - // }], + fetch( + 'https://gw.alipayobjects.com/os/bmw-prod/450b2d95-006c-4bad-8269-15729269e142.json', + ) + .then((res) => res.json()) + .then((data) => { + let layer = new PointLayer() + .source(data, { + parser: { + type: 'json', + x: 'lng', + y: 'lat', + }, + }) + .shape('circle') + .color('color') + .size('value', (v) => 5 + 15 * v) + .style({ + stroke: 'strokeColor', + // stroke: ['strokeColor', (d: any) => { + // return d + // }], - strokeWidth: 'strokeWidth', - // strokeWidth: ["strokeWidth", (d: any) => { - // return d * 2 - // }], - strokeOpacity: [ - 'strokeOpacity', - (d: any) => { - return d * 2; - }, - ], + strokeWidth: 'strokeWidth', + // strokeWidth: ["strokeWidth", (d: any) => { + // return d * 2 + // }], + strokeOpacity: [ + 'strokeOpacity', + (d: any) => { + return d * 2; + }, + ], - opacity: 'opacity', - }) - .active(true); - scene.addLayer(layer); + opacity: 'opacity', + }) + .active(true); + scene.addLayer(layer); + }); }); } diff --git a/stories/MapAdaptor/components/MapboxInstance.tsx b/stories/MapAdaptor/components/MapboxInstance.tsx index 71b66a068a..dd7207f902 100644 --- a/stories/MapAdaptor/components/MapboxInstance.tsx +++ b/stories/MapAdaptor/components/MapboxInstance.tsx @@ -16,7 +16,8 @@ export default class MapboxInstance extends React.Component { 'https://gw.alipayobjects.com/os/basement_prod/d2e0e930-fd44-4fca-8872-c1037b0fee7b.json', ); mapboxgl.accessToken = - 'pk.eyJ1IjoibHp4dWUiLCJhIjoiYnhfTURyRSJ9.Ugm314vAKPHBzcPmY1p4KQ'; + 'pk.eyJ1IjoibHp4dWUiLCJhIjoiY2tvaWZuM2s4MWZuYjJ1dHI5ZGduYTlrdiJ9.DQCfMRbZzx0VSwecQ69McA'; + // pk.eyJ1IjoibHp4dWUiLCJhIjoiY2tvaWZuM2s4MWZuYjJ1dHI5ZGduYTlrdiJ9.DQCfMRbZzx0VSwecQ69McA const map = new mapboxgl.Map({ container: 'map', // container id style: 'mapbox://styles/mapbox/streets-v11', // stylesheet location