echarts济宁市邹城市geoJson地图3d地图实例旋转动画实例

geoJson2 yekong

可视化数据大屏 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是济宁市邹城市echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。

邹城市,山东省辖县级市,由济宁市代管,位于山东省西南部,济宁市东部,介于东经116°44′30″~117°28′54″,北纬35°09′12″~35°32′54″之间,气候属暖温带半湿润大陆性季风气候,四季分明,雨热同季。境内山区、丘陵、平原各占三分之一,总面积1616平方千米,2022年末,常住人口115.2万。

echarts济宁市邹城市geoJson地图3d地图实例旋转动画

使用的是echarts-gl结合echarts实现的3d地图效果实例

echarts济宁市邹城市geoJson地图3d地图实例旋转动画

echarts济宁市邹城市geoJson地图地图排行榜效果

echarts地图根据数据渲染不同颜色的地图,并根据数据大小显示前10名的排序效果,属于地图map类型和柱状图bar类型混合效果

echarts济宁市邹城市geoJson地图地图排行榜效果

echarts济宁市邹城市geoJson地图点击地图插小旗

echarts地图渲染点击地图显示自定义效果实例,效果类似点击插小旗的效果,通过scatter实现.

echarts济宁市邹城市geoJson地图点击地图插小旗

threejs济宁市邹城市geoJson地图3d地图添加旋转棱锥

通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例,如果对threejs感兴趣,可以观看threejs教程视频 WebGL/Three.js前端高薪3D可视化

threejs济宁市邹城市geoJson地图3d地图添加旋转棱锥

threejs济宁市邹城市geoJson地图3d地图

通过threejs绘制的3d地图实例 vue3 threejs 在vue3项目中绘制3d地图效果实例

threejs济宁市邹城市geoJson地图3d地图

threejs济宁市邹城市geoJson地图3d地图CSS3D标签

通过threejs绘制的3d地图CSS3D标签实例,CSS3D不面向摄像机,跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小 Vue3 threejs 在3d地图中绘制css3d标签标注省份

threejs济宁市邹城市geoJson地图3d地图CSS3D标签

济宁市邹城市 下辖有 唐村镇,郭里镇,千泉街道,钢山街道,大束镇,北宿镇,香城镇,城前镇,峄山镇,太平镇,张庄镇,石墙镇,田黄镇,看庄镇,中心店镇,凫山街道

济宁市邹城市下辖区域坐标

{"唐村镇":[116.93051660882614,35.31997487313273],"郭里镇":[116.81568382126076,35.2130626447432],"千泉街道":[117.00255117614793,35.38195343898163],"钢山街道":[116.98831515322269,35.42259217382059],"大束镇":[117.0981224357603,35.43448595135895],"北宿镇":[116.90346733715728,35.3461453328777],"香城镇":[117.16880991201194,35.30541742990619],"城前镇":[117.39503102153294,35.37787495548848],"峄山镇":[117.01882421471319,35.31075345471055],"太平镇":[116.8009165339524,35.34839411803927],"张庄镇":[117.24825896678786,35.36580831772538],"石墙镇":[116.92302642517713,35.24062520403513],"田黄镇":[117.25263879544163,35.43911656254987],"看庄镇":[117.0683206361428,35.25867513069046],"中心店镇":[116.93879628536882,35.45274910200386],"凫山街道":[116.94381777168576,35.39943820469207]}

济宁市邹城市行政划分代码

[{"name":"唐村镇","code":"370883106000"},{"name":"郭里镇","code":"370883114000"},{"name":"千泉街道","code":"370883002000"},{"name":"钢山街道","code":"370883001000"},{"name":"大束镇","code":"370883103000"},{"name":"北宿镇","code":"370883104000"},{"name":"香城镇","code":"370883101000"},{"name":"城前镇","code":"370883102000"},{"name":"峄山镇","code":"370883110000"},{"name":"太平镇","code":"370883107000"},{"name":"张庄镇","code":"370883112000"},{"name":"石墙镇","code":"370883109000"},{"name":"田黄镇","code":"370883113000"},{"name":"看庄镇","code":"370883111000"},{"name":"中心店镇","code":"370883105000"},{"name":"凫山街道","code":"370883003000"}]

说明

1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。

2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。

3、本数据仅用于echarts threejs地图效果展示。

4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示

济宁市邹城市echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts济宁市邹城市geoJson地图3d地图实例旋转动画实例