123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125 |
- import Map from '../../../src/chart/city/ChartCityMapGZ/ChartCityMapGZ.js';
-
-
- import dot from './data/dot';
- import line from './data/line';
- import heat from './data/heat';
- import area from './data/area';
- import name from './data/nameText';
-
-
-
- let map = new Map(document.getElementsByClassName('container')[0],{});
-
-
- map.setOption({})
-
-
- setTimeout(()=>{
- map.setColors({
- "building": "#fff",
- "road": "#00080b",
- "railway": "#c5bbb2",
- "water": "#f00",
- "floor": "#16232e",
- "sky": "#a0c9e9"
- })
- },5000)
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- let heatData=JSON.parse(JSON.stringify(heat));
- setTimeout(()=>{
- console.log(1111)
- map.setOption(JSON.parse(JSON.stringify(heatData)));
-
- setTimeout(()=>{
- console.log(2222)
- heatData[0].style = {
- "colors": ["#0107fd", "#01fd01", "#fd4801"],
- "maxValue": 1,
- "maxSize": 800,
- "minSize": 700,
- "gridSize": 200,
- };
- map.setOption(heatData);
- },4000);
- },4000);
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- window.addEventListener('resize', () => {
- map.resize();
- });
|