数据大屏 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理郴州市桂东县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts郴州市桂东县geoJson地图3d地图实例旋转动画
使用的是echarts-gl结合echarts实现的3d地图效果实例
echarts郴州市桂东县geoJson地图添加柱状图
echarts地图渲染时,为了让地图上的数据有一个对比的效果,会在地图上标注柱状图,以便于更直观的看出各个区域的数值.
echarts郴州市桂东县geoJson地图tooltip自定义html
echarts tooltip演示自定义,通过toolTip的formatter方法以html+css的方式实现自己想要的样式效果,鼠标移上去就可以看到我们想要的效果了,也可以通过css自定义为自己需要的样式.
threejs郴州市桂东县geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮,如果对threejs感兴趣,可以观看threejs视频课程 WebGL 3D可视化教程
threejs郴州市桂东县geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁
threejs郴州市桂东县geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图
郴州市桂东县 下辖有 东洛乡,四都镇,沤江镇,沙田镇,青山乡,寨前镇,清泉镇,宋坪林场,大塘镇,新坊乡,普乐镇
郴州市桂东县下辖区域坐标
{"东洛乡":[113.8884261689144,25.78697610758314],"四都镇":[113.78242221018178,25.99435739282959],"沤江镇":[113.99567359711479,26.08541015618361],"沙田镇":[113.7781682799097,25.86735972139456],"青山乡":[113.6838335034101,25.91172891981588],"寨前镇":[113.9010769560009,26.01003441023324],"清泉镇":[114.16334201389557,26.17091362856525],"宋坪林场":[113.71029566283588,25.94733950891224],"大塘镇":[113.87091237457483,25.93850598791031],"新坊乡":[113.96209600570627,25.9350168884955],"普乐镇":[113.9257562122644,25.85827572982725]}
郴州市桂东县行政划分代码
[{"name":"东洛乡","code":"431027210000"},{"name":"四都镇","code":"431027104000"},{"name":"沤江镇","code":"431027100000"},{"name":"沙田镇","code":"431027101000"},{"name":"青山乡","code":"431027213000"},{"name":"寨前镇","code":"431027105000"},{"name":"清泉镇","code":"431027102000"},{"name":"宋坪林场","code":"431027400000"},{"name":"大塘镇","code":"431027103000"},{"name":"新坊乡","code":"431027208000"},{"name":"普乐镇","code":"431027106000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看