echarts绍兴市诸暨市geoJson地图3d地图实例旋转动画代码演示

geoJson2 yekong

可视化数据大屏 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理绍兴市诸暨市echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。

echarts绍兴市诸暨市geoJson地图3d地图实例旋转动画

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

echarts绍兴市诸暨市geoJson地图3d地图实例旋转动画

echarts绍兴市诸暨市geoJson地图圆形波纹状气泡图

echarts地图渲染时,会通过effectScatter实现一个圆形外加波纹扩散效果的气泡来使页面看起来更酷炫.

echarts绍兴市诸暨市geoJson地图圆形波纹状气泡图

echarts绍兴市诸暨市geoJson地图3d地图

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

echarts绍兴市诸暨市geoJson地图3d地图

threejs绍兴市诸暨市geoJson地图3d地图css2d标签

通过threejs绘制的3d地图css2d标签实例,CSS2D面向摄像机,不随场景缩放而缩放 vue3 threejs实现在3d地图中绘制css2d地名,如果想系统的学习threejs的话,可以观看threejs教程视频 3D可视化Three.js视频教程

threejs绍兴市诸暨市geoJson地图3d地图css2d标签

threejs绍兴市诸暨市geoJson地图3d地图自定义贴图加CSS3D标签

通过threejs绘制3d地图并添加CSS3D标签和自定义贴图

threejs绍兴市诸暨市geoJson地图3d地图自定义贴图加CSS3D标签

threejs绍兴市诸暨市geoJson地图3d地图CSS2D外加旋转棱锥

通过threejs绘制3d地图CSS2D外加旋转棱锥效果

threejs绍兴市诸暨市geoJson地图3d地图CSS2D外加旋转棱锥

绍兴市诸暨市 下辖有 岭北镇,店口镇,枫桥镇,次坞镇,姚江镇,浬浦镇,牌头镇,璜山镇,大唐街道,暨南街道,赵家镇,陈宅镇,马剑镇,东白湖镇,山下湖镇,应店街镇,暨阳街道,浣东街道,陶朱街道,东和乡,五泄镇,同山镇,安华镇

绍兴市诸暨市下辖区域坐标

{"岭北镇":[120.31181865986417,29.41065583395848],"店口镇":[120.35001414465087,29.90612035922994],"枫桥镇":[120.43695378925315,29.79219002060254],"次坞镇":[120.1895596885074,29.88899907238452],"姚江镇":[120.25421537411559,29.82730520699761],"浬浦镇":[120.35362034488372,29.62704717235244],"牌头镇":[120.1625717535316,29.58830258429971],"璜山镇":[120.3044771237773,29.52977059236652],"大唐街道":[120.1028817050536,29.68050382077097],"暨南街道":[120.26790757961749,29.61912877990514],"赵家镇":[120.4724501306289,29.73136389198861],"陈宅镇":[120.36416500797503,29.48914880965304],"马剑镇":[119.96553429234353,29.71431181129211],"东白湖镇":[120.42943795557417,29.57722601351428],"山下湖镇":[120.36381423460082,29.83897935555568],"应店街镇":[120.11668754663745,29.80118631953882],"暨阳街道":[120.23523120982884,29.72022595024732],"浣东街道":[120.31882816934541,29.73798441822893],"陶朱街道":[120.18588156844066,29.75139065433056],"东和乡":[120.43453378601885,29.67496042833607],"五泄镇":[120.06214687096424,29.70297775618649],"同山镇":[120.05562263849845,29.57968925890087],"安华镇":[120.12553075322705,29.5371678031463]}

绍兴市诸暨市行政划分代码

[{"name":"岭北镇","code":"330681121000"},{"name":"店口镇","code":"330681104000"},{"name":"枫桥镇","code":"330681109000"},{"name":"次坞镇","code":"330681103000"},{"name":"姚江镇","code":"330681106000"},{"name":"浬浦镇","code":"330681122000"},{"name":"牌头镇","code":"330681115000"},{"name":"璜山镇","code":"330681119000"},{"name":"大唐街道","code":"330681005000"},{"name":"暨南街道","code":"330681004000"},{"name":"赵家镇","code":"330681110000"},{"name":"陈宅镇","code":"330681120000"},{"name":"马剑镇","code":"330681111000"},{"name":"东白湖镇","code":"330681124000"},{"name":"山下湖镇","code":"330681108000"},{"name":"应店街镇","code":"330681102000"},{"name":"暨阳街道","code":"330681001000"},{"name":"浣东街道","code":"330681002000"},{"name":"陶朱街道","code":"330681003000"},{"name":"东和乡","code":"330681201000"},{"name":"五泄镇","code":"330681112000"},{"name":"同山镇","code":"330681116000"},{"name":"安华镇","code":"330681117000"}]

说明

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

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

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

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

绍兴市诸暨市echarts地图效果实例和threejs地图效果实例下载

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