可视化大屏 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理达州市开江县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts达州市开江县geoJson地图3d地图自定义图标
echarts 3d地图添加自定义图标实例
echarts达州市开江县geoJson地图3d地图实例旋转动画
使用的是echarts-gl结合echarts实现的3d地图效果实例
echarts达州市开江县geoJson地图热力图
echarts通过heatmap实现热力图效果
threejs达州市开江县geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例,CSS3D不面向摄像机,跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小 Vue3 threejs 在3d地图中绘制css3d标签标注省份,如果想系统的学习threejs的话,可以观看threejs视频课程 3D可视化Three.js视频教程
threejs达州市开江县geoJson地图3d地图
通过threejs绘制的3d地图实例 vue3 threejs 在vue3项目中绘制3d地图效果实例
threejs达州市开江县geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮
达州市开江县 下辖有 长田乡,新太乡,任市镇,回龙镇,天师镇,宝石乡,广福镇,拔妙乡,永兴镇,新宁镇,新街乡,普安镇,梅家乡,灵岩乡,甘棠镇,讲治镇,长岭镇,靖安乡,骑龙乡,沙坝场乡
达州市开江县下辖区域坐标
{"长田乡":[107.73850998734247,31.13975065995994],"新太乡":[107.92705839092372,31.18963620492391],"任市镇":[107.77171623453502,30.89421456006701],"回龙镇":[107.76068881657696,31.16500254021447],"天师镇":[107.79776143215526,31.21749010002721],"宝石乡":[108.00251324669075,31.06897491240523],"广福镇":[107.84036346417963,30.84484346860947],"拔妙乡":[107.93082002183496,30.92988249577839],"永兴镇":[107.8824987360853,31.16560017124708],"新宁镇":[107.87491082481776,31.07965069219355],"新街乡":[107.78760150825534,30.83798726652591],"普安镇":[107.82021091690709,31.09082920675013],"梅家乡":[108.02703251207713,31.15586026446059],"灵岩乡":[108.01100141431692,31.20425528379805],"甘棠镇":[107.86154427506767,30.98036701788402],"讲治镇":[107.93815592790256,31.03228463720708],"长岭镇":[107.89127232639693,30.88271167035793],"靖安乡":[107.80044338233526,30.94445826449241],"骑龙乡":[107.83388194388588,31.17640404572192],"沙坝场乡":[107.95314702207847,31.11826974245034]}
达州市开江县行政划分代码
[{"name":"长田乡","code":""},{"name":"新太乡","code":""},{"name":"任市镇","code":"511723107000"},{"name":"回龙镇","code":"511723102000"},{"name":"天师镇","code":""},{"name":"宝石乡","code":""},{"name":"广福镇","code":"511723108000"},{"name":"拔妙乡","code":""},{"name":"永兴镇","code":"511723104000"},{"name":"新宁镇","code":"511723100000"},{"name":"新街乡","code":""},{"name":"普安镇","code":"511723101000"},{"name":"梅家乡","code":"511723205000"},{"name":"灵岩乡","code":""},{"name":"甘棠镇","code":"511723106000"},{"name":"讲治镇","code":"511723105000"},{"name":"长岭镇","code":"511723109000"},{"name":"靖安乡","code":""},{"name":"骑龙乡","code":""},{"name":"沙坝场乡","code":""}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看