213)",),light_opts=opts.Map3DLightOpts(main_color="#fff",main_intensity=1.2,is_main_shadow=...
import "echarts/lib/component/geo"; import "echarts-gl"; //3D地图插件 export default { props: { multipleTreeData: { type: Object, default: () => { return {}; } } }, data() { return { mapDataCqG: mapDataCq }; }, mounted() { console.log("重庆地图数据", this.mapDataCqG);...
上述代码指定了一个纹理图片的路径,该图片将被用作地图表面的细节纹理,使地图看起来更加真实。 三、环境贴图的使用 除了设置detailTexture属性外,我们还可以使用环境贴图(environment map)来增强3D地图的光照效果。环境贴图是一种模拟环境光照的纹理,它能够产生类似镜面反射的效果。在ECharts中,我们可以通过配置light.ambi...
第二步:注册地图 echarts.registerMap("绍兴", getJSON); 1. 第三部:构造三维地图 // 引入JSON文件 analyseJSON('./绍兴区县.json', function (getJSON) { var myChart = echarts.init(document.getElementById('main')); echarts.registerMap("绍兴", getJSON); let inputData = [565464, 117230.34,...
{type:'map3D',map:'北京',name:'北京',boxDepth:100,//地图倾斜度regionHeight:5,//地图厚度// environment: 'imgs/19.jpeg',//环境贴图,这里用的是渐变色environment:newecharts.graphic.LinearGradient(0,0,0,1,[{offset:0,color:'#09C7F7'// 天空颜色},{offset:0.7,color:'#fff'// 地面颜色}...
默认为 'auto',在配置有 light.ambientCubemap.texture 的时候会使用该纹理作为环境贴图。否则则不显示环境贴图。environment:newecharts.graphic.LinearGradient(0, 0, 0, 1, [{//配置为垂直渐变的背景offset: 0, color: '#00aaff'//天空颜色}, {...
// 环境贴图,支持純颜色值,渐变色,全景贴图的 url。默认为 'auto',在配置有 light.ambientCubemap.texture 的时候会使用该纹理作为环境贴图。否则则不显示环境贴图。 environment: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{ // 配置为垂直渐变的背景 ...
map:'绍兴',//必须和上面注册的地图名称一致,详细可以看ECharts的GL配置说明boxDepth: 100,//地图倾斜度regionHeight: 2,//地图厚度light: { main: { intensity:1.5} }, label: { show:true,//是否显示市textStyle: { color:"#333333",//文字颜色fontSize: 16,//文字大小fontFamily: '微软雅黑', ...
可以试下map3D和geo3D结合起来使用,用map3D构成地图的厚度,geo3D构成地图的表面,选中后变色的是geo3D地图,map3D的地图不变。 我想请问下你的那个地图标点是怎么实现的呀?我想实现这种样式的地图标点,但是不知怎么实现,可否告知一下呢? 有用 回复 坚强的草稿纸: 设置了厚度,表面设置不了,会显示在底部,没找到可以...