数据可视化大屏 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是天水市武山县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
武山县,甘肃省 天水市 辖县,位于甘肃省东南部、天水市西部,地处秦岭山地北坡西段与陇中黄土高原西南边缘复合地带,属温带大陆性半湿润季风气候,毗邻6个县,总面积2011平方千米。截至2022年10月,武山县辖13个镇、2个乡。截至2020年末,武山县总人口为46.8万人。
echarts天水市武山县geoJson地图定义颜色
echarts地图通过visualMap来事先设置好数据区间,根据区间来来显示地图的颜色,这里的visualMap数据是随机生成的,可以通过实例代码根据自己的需要配置颜色和数据区间.
echarts天水市武山县geoJson地图热力图
echarts通过heatmap实现热力图效果
echarts天水市武山县geoJson地图地图排行榜效果
echarts地图根据数据渲染不同颜色的地图,并根据数据大小显示前10名的排序效果,属于地图map类型和柱状图bar类型混合效果
threejs天水市武山县geoJson地图3d地图添加金色效果
通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰,如果对threejs感兴趣,可以观看threejs视频 Three.js 3D可视化
threejs天水市武山县geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮
threejs天水市武山县geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例,CSS3D不面向摄像机,跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小
天水市武山县 下辖有 咀头乡,四门镇,城关镇,山丹乡,杨河乡,桦林乡,榆盘乡,沿安乡,洛门镇,温泉乡,滩歌镇,马力镇,高楼乡,鸳鸯镇,龙台乡
天水市武山县下辖区域坐标
{"咀头乡":[105.03155034522334,34.85260967798342],"四门镇":[104.99670752322791,34.61488317268274],"城关镇":[104.91086436119548,34.70699856909058],"山丹乡":[104.80521967835463,34.72572933344416],"杨河乡":[105.02940270332343,34.49268573920276],"桦林乡":[104.71187681874602,34.83376358625686],"榆盘乡":[104.91190085932215,34.85958675216101],"沿安乡":[104.8950498785959,34.49635483343712],"洛门镇":[105.00805039960255,34.7476271358658],"温泉乡":[105.08330136438977,34.60890371148092],"滩歌镇":[104.81322263814906,34.56179013582043],"马力镇":[104.68856084061747,34.64084112532822],"高楼乡":[104.64764472112861,34.77226264796424],"鸳鸯镇":[104.76665671487606,34.79029472447074],"龙台乡":[104.88653223088505,34.58827621533089]}
天水市武山县行政划分代码
[{"name":"咀头乡","code":""},{"name":"四门镇","code":"620524104000"},{"name":"城关镇","code":"620524100000"},{"name":"山丹乡","code":""},{"name":"杨河乡","code":""},{"name":"桦林乡","code":""},{"name":"榆盘乡","code":""},{"name":"沿安乡","code":"620524206000"},{"name":"洛门镇","code":"620524101000"},{"name":"温泉乡","code":""},{"name":"滩歌镇","code":"620524103000"},{"name":"马力镇","code":"620524105000"},{"name":"高楼乡","code":""},{"name":"鸳鸯镇","code":"620524102000"},{"name":"龙台乡","code":""}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。