3D地图与3D柱状图联合使用

最新推荐文章于 2025-06-23 21:30:11 发布

原创

最新推荐文章于 2025-06-23 21:30:11 发布 · 2.1k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#java #javascript #html5 #jquery #css

本文介绍了如何在3D地图上添加3D柱状图，通过颜色和高度展示分类和数值大小。文章提到，CityBuilder提供地理图形素材，方便快速搭建3D地图，并能支持各种图表的动效渲染和混合展现，适用于三维城市项目。配合图表，可以创造出更酷炫的大屏可视化效果。

给3D地图添加3D柱状图使用的功能原理是在地图上加上圆柱对象，可以用颜色和高度分别代表分类和值大小，根据需要将柱状图放置到指定位置即可。3D地图与3D柱状图联合使用，效果大概是这样：

注：根据你项目需求的不同，需要的可能是整个中国的地图数据，也可能是某个省的，市的，县的，区的等，这时怎么办？

1. 去网上搜有很多，但是可能数据不全，或者会员才能下载。

2、CityBuilder 提供了多种地理图形素材，一键生成初始模板，简直是神器！

优点在于普通开发人员也能随手搭建3D地图，可以快速应用于三维城市项目。支持多种建筑、路网、河流等图层的动效渲染，可以在此基础上构建出折线图、柱状图、散点图、K线图、饼图等等，同时支持多图表混合展现等。让大屏变立体就是如此简单！

配合上图表还可以做出更优秀，更酷炫的效果！

看一下3D地图与3D柱状图联合使用的实现代码吧！

var app = new THING.App();
// 设置app背景为黑色
app.background = [0, 0, 0];
var newarr = [];
var newarr2 = [];
var arr = [
    [2165655.1396114295, 4114352.0966101163, 4365832.415936076],
    [2662057.5622300194, 4418588.240325375, 3750750.348959174],
    [1767421.0596036618, 4228474.383904113, 4434558.528500963],
    [2394868.6435673204,

最低0.47元/天解锁文章