chartDp_city/test/city/ChartCityMapGZ/index.js

import Map from '../../../src/chart/city/ChartCityMapGZ/ChartCityMapGZ.js';
// import Map from './ChartCityMapTJ.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 opt1=mapStyle.concat(line,area);
// let map = new Map(document.getElementsByClassName('container')[0],{getConfig:true});
let map = new Map(document.getElementsByClassName('container')[0],{});
// map.canCameraMove(false)

map.setOption({})


setTimeout(()=>{
    map.setColors({
        "building": "#fff",
        "road": "#00080b",
        "railway": "#c5bbb2",
        "water": "#f00",
        "floor": "#16232e",
        "sky": "#a0c9e9"
    })
},5000)

// let dotData=JSON.parse(JSON.stringify(dot));
// setTimeout(()=>{
//     map.setOption(JSON.parse(JSON.stringify(dotData)));

    // setTimeout(()=>{
    //     dotData[0].style.color = "#f00";
    //     dotData[0].style.size = 6;
    //     map.setOption(dotData);
    // },4000);
// },4000);

// map.addModel({key:'abx', src:'http://192.168.1.76/group1/M00/00/88/wKgBS2GdqgGAHG0nABKwQDNRloU527.FBX'}, ()=>{
//     map.setModel('abx', {
//             "scale": 0.8, 
//             "rotation": { "x": 0, "y": 0 }, 
//             "height": 100, 
//             "color": "#f00" 
//     })
// })

// let lineData=JSON.parse(JSON.stringify(line));
// setTimeout(()=>{
//     lineData[0].style.rippleSize = 0.8;
//     map.setOption(JSON.parse(JSON.stringify(lineData)));
// },4000);


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);


// let blockData = [{
//     type:'block',
//     id:'block-1',
//     style:{
//         color: "#f00",
// 		radius: 100,
// 		height: 500,
// 		gap: 16,
// 		lineWidth: 3,
// 		speed: 1,
//     },
//     data:[{
//         coord:[121.499, 31.239],
//         value:10
//     }]
// }]
// setTimeout(()=>{
//     map.setOption(blockData)
// },4000)

// let nameData = name
// setTimeout(()=>{
//     map.setOption(nameData)
// },4000)



// let areaData = [{
//     type:'map',
//     style:{
//         color:{
//             color:{
//                 'building': {name:"建筑颜色", key:"building", value:"#48a8f2"},
//                 'road': {name:"道路颜色", key:"road", value:"#43adff"},
//                 'railway': {name:"铁路颜色", key:"railway", value:"#00ffa8"},
//                 'water': {name:"水系颜色", key:"water", value:"#fff"},
//                 'floor': {name:"地面颜色", key:"floor", value:"#012144"},
//                 'sky': {name:"天空颜色", key:"sky", value:"#fff"}
//             }
//         }
//     }
// }]
// setTimeout(()=>{
//     map.setOption(JSON.parse(JSON.stringify(areaData)));
// },4000)



window.addEventListener('resize', () => {
    map.resize();
});