fix(gl): 1) fix some examples depends on bmap can't work.
2) fix chart panel has no right and bottom padding.
3) update BMap API version to v3.0, which is also compatible with v2.0.
diff --git a/src/data/chart-list-data-gl.js b/src/data/chart-list-data-gl.js
index dfa4912..0e42313 100644
--- a/src/data/chart-list-data-gl.js
+++ b/src/data/chart-list-data-gl.js
@@ -129,7 +129,9 @@
"flowGL"
],
"id": "global-wind-visualization",
- "tags": [],
+ "tags": [
+ "bmap"
+ ],
"title": "Global wind visualization",
"titleCN": "Global wind visualization",
"difficulty": 10
@@ -139,7 +141,9 @@
"flowGL"
],
"id": "global-wind-visualization-2",
- "tags": [],
+ "tags": [
+ "bmap"
+ ],
"title": "Global Wind Visualization 2",
"titleCN": "Global Wind Visualization 2",
"difficulty": 10
diff --git a/src/editor/Preview.vue b/src/editor/Preview.vue
index 7363ce8..7903283 100644
--- a/src/editor/Preview.vue
+++ b/src/editor/Preview.vue
@@ -4,7 +4,9 @@
class="right-panel"
id="chart-panel"
:style="{background: backgroundColor}"
- ></div>
+ >
+ <div class="chart-container"></div>
+ </div>
<div id="tool-panel">
<div class="left-panel">
<el-switch
@@ -109,7 +111,7 @@
SCRIPT_URLS.echartsStatMinJS,
...URL_PARAMS.gl ? [SCRIPT_URLS.echartsGLMinJS] : [],
...hasBmap ? [
- 'https://api.map.baidu.com/getscript?v=2.0&ak=KOmVjPVUAey1G2E8zNhPiuQ6QiEmAwZu&services=&t=20200327103013',
+ 'https://api.map.baidu.com/getscript?v=3.0&ak=KOmVjPVUAey1G2E8zNhPiuQ6QiEmAwZu&services=&t=20200327103013',
SCRIPT_URLS.echartsDir + '/dist/extension/bmap.js'
] : []
]).then(() => {
@@ -147,7 +149,7 @@
}
try {
- const updateTime = this.sandbox.run(this.$el.querySelector('#chart-panel'), store);
+ const updateTime = this.sandbox.run(this.$el.querySelector('.chart-container'), store);
log(this.$t('editor.chartOK') + updateTime + 'ms');
@@ -322,6 +324,11 @@
border: 1px solid red!important;
}
}
+
+ .chart-container {
+ position: relative;
+ height: 100%;
+ }
}
.render-config-container {
