3D山东地图ECharts Gallery

20:11:45图表已生成
代码
var firepathdata = 'path://M 58.954538,347.23395 C -9.0375362,242.85087 73.060087,233.52847 52.118826,90.624027 C 103.47625,158.04097 117.81456,240.73539 139.37527,265.19403 C 154.25562,284.40262 161.59446,307.58892 159.59376,331.41129 C 159.39203,350.26495 183.21886,373.10960 176.70356,390.71179 C 142.05967,362.96302 82.471056,381.04953 58.954538,347.23395 z M 161.78090,377.71368 C 162.17394,357.72344 137.98474,349.05131 128.25468,333.43921 C 112.13998,321.51425 107.03539,302.95237 106.67970,284.67338 C 105.36990,255.43969 131.42797,81.130787 169.39083,34.317227 C 154.84243,106.20319 190.95986,201.95975 213.27368,233.63802 C 228.37325,258.25159 234.04993,286.59077 228.61098,314.47570 C 225.93875,336.72294 207.50985,350.09104 197.54046,370.04477 C 187.56794,382.06155 173.99637,383.20010 161.78090,377.71368 z M 175.56070,387.49258 C 181.34732,370.12555 169.89584,342.59764 166.28978,326.49036 C 156.50645,311.98657 157.45181,294.47421 162.16418,278.41263 C 169.10090,252.53750 170.24611,130.43176 282.18931,73.090747 C 195.37176,158.27337 253.01889,227.50163 262.41698,260.83623 C 267.90747,286.16950 265.10079,312.57338 252.71951,335.35605 C 235.62589,366.80984 189.98643,384.14530 175.56070,387.49258 z M 157.11595,377.31308 C 157.41324,360.99333 139.11698,353.91353 131.75734,341.16803 C 119.56848,331.43266 115.70747,316.27901 115.43843,301.35630 C 114.44772,277.49033 138.76417,151.31016 158.26535,96.969074 C 144.95790,220.14835 179.18637,233.83006 196.06413,259.69175 C 207.48516,279.78592 211.77890,302.92163 207.66498,325.68649 C 205.64375,343.84882 196.93101,360.40351 189.39035,376.69345 C 181.84733,386.50378 166.35550,381.79212 157.11595,377.31308 z M 86.962916,353.92652 C 17.122271,282.22188 93.219654,277.22825 73.850421,178.75181 C 96.853406,225.16841 115.92830,260.03757 124.30427,292.99564 C 136.69965,304.63371 179.52956,375.67858 176.96261,388.55917 C 149.97037,373.19250 107.07292,374.57324 86.962916,353.92652 z M 100.90993,349.60902 C 59.131530,309.94963 90.331519,286.66405 89.958257,237.12916 C 101.50753,280.48190 138.03801,291.16418 137.56899,317.20683 C 143.60390,324.99711 175.20329,380.55139 172.56093,387.69017 C 158.51069,376.43632 116.73917,364.63539 100.90993,349.60902 z M 168.06466,344.26386 C 160.72427,333.38172 161.43357,320.24226 164.96924,308.19132 C 170.17384,288.77731 193.04058,180.86728 225.70733,157.39646 C 202.11630,201.75673 233.13719,269.99299 240.18854,295.00381 C 244.30803,314.01127 245.46019,336.49369 232.91256,350.91575 C 213.95716,372.70282 190.03074,385.39081 176.62257,388.43280 C 168.09893,394.41435 170.77028,356.34909 168.06466,344.26386 z M 156.26263,378.50754 C 156.85249,368.52316 145.82747,363.73128 141.64003,355.74389 C 134.42066,349.47877 132.43545,340.10441 132.64366,330.96121 C 132.63352,316.32444 132.13408,225.08473 150.66965,202.40327 C 142.46571,238.05937 173.36108,291.21117 183.04824,307.46686 C 189.53862,320.05501 191.58929,334.32722 188.50163,348.16227 C 186.81024,359.23170 181.06211,369.14963 176.03822,378.93475 C 171.17481,384.75264 161.80764,381.48077 156.26263,378.50754 z M 165.07971,379.78285 C 169.82548,372.83240 163.94217,364.60379 164.37613,357.02753 C 161.87679,349.38233 164.50019,341.75796 168.60657,335.24947 C 174.93233,324.68184 186.04879,246.14809 209.23968,237.79908 C 187.89115,259.98212 224.96331,319.29385 224.92090,335.21693 C 224.15827,347.10998 209.69078,363.18348 201.47625,371.83216 C 195.46602,379.08904 183.57136,386.06293 175.71181,390.95103 C 169.68460,387.28717 167.79503,384.32783 165.07971,379.78285 z M 157.07950,371.83477 C 142.32343,348.59334 147.79797,322.66451 154.07316,294.38362 C 156.93180,313.57278 168.83978,336.85929 175.57139,344.49568 C 180.21728,350.49292 182.50859,357.73206 181.88394,365.16979 C 181.82095,371.05622 178.83269,378.18869 176.79851,383.68439 C 165.98211,375.02076 164.42174,382.39254 157.07950,371.83477 z M 173.66742,360.30753 C 185.09865,335.26291 173.78233,315.54608 199.98154,295.89855 C 192.15796,314.11325 210.05125,342.87411 208.10427,352.84701 C 204.82999,369.61861 182.21917,382.10143 176.50343,383.39406 C 177.86514,369.60280 168.82319,372.22006 173.66742,360.30753 z M 92.049535,278.33689 C 153.50277,356.05290 152.14455,316.81741 176.51446,383.37417 C 60.355771,331.65699 112.48851,336.32499 92.049535,278.33689 z ';
option = {
    backgroundColor: '#0c244cf0',
    title: {
        text: '3D山东地图',
        left: 'center',
        top: 20,
        textStyle: {
            color: '#000',
            fontSize: 24
        }
    },
    geo3D: [{
        show: true,
        map: 'shandong',
        //boxWidth: 100,
        //boxHeight: 20,
        //boxDepth: 50,
        //regionHeight: 7,
        environment: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
            offset: 0,
            color: '#00aaff' // 天空颜色
        }, {
            offset: 0.7,
            color: '#998866' // 地面颜色
        }, {
            offset: 1,
            color: '#998866' // 地面颜色
        }], false),
        // groudPlane: {
        //     show: true,
        //     color: '#000'
        // },
        //instancing: false,
        label: {
            show: false,
            distance: 20,

        },
        emphasis: {
            label: {
                show: false
            }
        },
        itemStyle: {
            areaColor: 'rgb(50,161,120)',
            opacity: 1,
            borderWidth: 0.8,
            borderColor: 'rgb(62,215,213)'
        },
        //shading: 'lambert',
        // light: {
        //     main: {
        //         color: '#fff',
        //         intensity: 1,
        //         shadow: true,
        //         shadowQuality: 'ultra',
        //         alpha: 40,
        //         beta: 40
        //     },
        //     ambient: {
        //         color: '#fff',
        //         intensity: 0.5
        //     },
        //     ambientCubemap: {
        //         diffuseIntensity: 1,
        //         specularIntensity: 1
        //     },

        // },
        // postEffect: {
        //     enable: false
        // },
        viewControl: {
            //projection: 'perspective',
            autoRotate: false,
            damping: 0.5
        },
        zlevel:10,
    },{
        show: true,
        map: 'shandong',
        //boxWidth: 100,
        //boxHeight: 20,
        //boxDepth: 50,
        //regionHeight: 7,
        environment: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
            offset: 0,
            color: '#00aaff' // 天空颜色
        }, {
            offset: 0.7,
            color: '#998866' // 地面颜色
        }, {
            offset: 1,
            color: '#998866' // 地面颜色
        }], false),
        // groudPlane: {
        //     show: true,
        //     color: '#000'
        // },
        //instancing: false,
        label: {
            show: false,
            distance: 20,

        },
        emphasis: {
            label: {
                show: false
            }
        },
        itemStyle: {
            areaColor: 'transparent',
            opacity: 1,
            borderWidth: 0.8,
            borderColor: 'rgb(62,215,213)'
        },
        //shading: 'lambert',
        // light: {
        //     main: {
        //         color: '#fff',
        //         intensity: 1,
        //         shadow: true,
        //         shadowQuality: 'ultra',
        //         alpha: 40,
        //         beta: 40
        //     },
        //     ambient: {
        //         color: '#fff',
        //         intensity: 0.5
        //     },
        //     ambientCubemap: {
        //         diffuseIntensity: 1,
        //         specularIntensity: 1
        //     },

        // },
        // postEffect: {
        //     enable: false
        // },
        viewControl: {
            //projection: 'perspective',
            autoRotate: false,
            damping: 0.5
        },
        zlevel:10,
    }],
    series: [{
        name: 'scatter3D',
        type: "scatter3D",
        coordinateSystem: 'geo3D',
        geo3DIndex:0,
        symbol: 'pin',
        symbolSize: 30,
        label: {
            show: false,
            formatter: function(params){
                return params.name + ':'+params.value[3];
            }
        },
        itemStyle: {
            color: 'purple',
            borderWidth: 0,
            borderColor: '#fff'
        },
        data: [
            {
                name:'济南市',
                value:[117.400923,36.675807,10,'数据']
            },
            {
                name:'青岛市',
                value:[120.355173,36.082982,1],
                symbolSize:50,
                itemStyle:{
                    color:'#f00',
                    opacity:1,
                },
            }
        ],
        z: 20,
        blendMode: 'source-over',
        zlevel: 60
    },{
         name: 'bar3D',
         type: "bar3D",
         coordinateSystem: 'geo3D',
         geo3DIndex:0,
         barSize: 1, //柱子粗细
         shading: 'lambert',
         opacity: 1,
         bevelSize: 0.3,
         label: {
             show: false,
             formatter: '{b}'
         },
         data:[
            {
                name:'淄博市', 
                value:[118.047648,36.814939,5]
            },
            {
                name:'枣庄市', 
                value:[117.557964,34.856424,22]
            },
            {
                name:'济南市',
                value:[117.000923,36.675807,13]
            },
        ],
        zlevel:40
    },{
        name: 'zuobiao',
        type: "scatter3D",
        coordinateSystem: 'geo3D',
        geo3DIndex:0,
        symbol: 'circle',
        symbolSize: 10,
        label: {
            show: true,
            formatter:'{b}'
        },
        itemStyle: {
            color: '#fff',
            opacity:1
        },
        data: [
            {
                name:'济南市',
                value:[117.000923,36.675807,8]
            },
            {
                name:'青岛市',
                value:[120.355173,36.082982,13],
            }
        ],
        blendMode: 'source-over',
        zlevel: 400
    },]
}
作品使用的第三方脚本

数据管理

历史数据 0 条

代码修改记录

信息提示

保存作品
