当前位置: 首页 > Web前端 > HTML5

3D地图和3D直方图结合使用

时间:2023-04-05 16:53:20 HTML5

Add3Dhistogramto3Dmap使用的功能原理是在地图上添加一个圆柱体对象,可以用颜色和高度分别表示类别和值,根据需要放置直方图只需指定位置。3D地图和3D直方图结合使用,效果大致是这样的:注:根据你的项目需要,你需要的可能是整个中国的地图数据,也可能是某个省、市、县、区、等等,这个时候怎么办?网上搜索很多,但可能资料不全,或者只有会员才能下载。2、CityBuilder提供多种地理图文素材,一键生成初始模板,简直神器!好处是普通开发者也可以随意构建3D地图,可以快速应用到3D城市项目中。支持建筑物各层、路网、河流等动态渲染,并可在此基础上构建折线图、直方图、散点图、K线图、饼图等,并支持多种图表混合展示,ETC。。大屏幕立体化就是这么简单!有了上面的图表,你也可以做出更好更酷的效果!看看3D地图和3D直方图联合使用的实现代码吧!varapp=newTHING.App();//设置app背景为黑色app.background=[0,0,0];varnewarr=[];varnewarr2=[];vararr=[[2165655.1396114295,4114352.0966101163,4365832.415936076],[2662057.5622300194,4418588.240325375,3750750.348959174],[1767421.0596036618,4228474.383904113,4434558.528500963],[2394868.6435673204,3769006.698589486,4553000.555517837],[2486086.5614174376,3329024.786824286,4838712.726484586],[1218816.9869283293,3246017.2371543637,5352094.171977467],[2329539.893699594,2565281.065092118,5353712.6602103505],[2030091.0181420585,2113557.693443252,5664375.176012668],[-331990.1761847738,4095658.023244825,4876877.566923073]];vararr2=[[2616998.3939855373,4244380.281059966,3976812.7153125475],[2657034.0993919773,4600324.120928961,3528972.4762104847],[2133668.39296656,3962963.9461863646,4518025.034522062],[1911719.0939941471,3859355.61517046,4703444.055135107],[1710907.0406027823,3597407.209459497,4980305.344902273],[2084471.9009466884,2966999.365445058,5245799.075529899],[42737.188761066296,3256126.370391139,5483013.354519836],]varcolorMapping={0:"#004FEA",0.24:"#004FEA",0.241:"#00B3B3",0.5:"#00B3B3",0.501:"#00B450",0.74:"#00B450",0.741:"#EAC700",1:"#EAC700"};//引用地图组件脚本THING.Utils.dynamicLoad(["https://www.thingjs.com/uearth/uearth.min.js"],function(){app.create({type:"Map",url:“https://www.thingjs.com/citybuilder_console/mapProject/config/TVRFek5ETXdDaXR5QnVpbGRlckAyMDE5”,完成:函数(事件){for(vari=0;i