随着开发 数据可视化大屏 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理临汾市霍州市echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
霍州市，山西省 辖县级市，由 临汾市 代管，位于山西省中南部、临汾市北部，地处霍山背斜和吕梁隆折带之间，属温带大陆性季风气候，毗邻5个县，总面积765.39平方千米。截至2021年10月，霍州市辖5个街道、4个镇、3个乡。2021年，霍州市常住人口为270880人。
echarts临汾市霍州市geoJson地图tooltip自定义html
echarts tooltip演示自定义,通过toolTip的formatter方法以html+css的方式实现自己想要的样式效果,鼠标移上去就可以看到我们想要的效果了,也可以通过css自定义为自己需要的样式.
echarts临汾市霍州市geoJson地图3d地图
使用的是echarts-gl结合echarts实现的3d地图效果实例
echarts临汾市霍州市geoJson地图3d地图自定义图标
echarts 3d地图添加自定义图标实例
threejs临汾市霍州市geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果,如果想系统的学习threejs的话，可以观看threejs教程视频 WebGL/Three.js前端高薪3D可视化
threejs临汾市霍州市geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例，CSS3D不面向摄像机，跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小
threejs临汾市霍州市geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图
临汾市霍州市 下辖有 开元街道,北环路街道,陶唐峪乡,鼓楼街道,南环路街道,白龙镇,三教乡,大张镇,师庄乡,李曹镇,辛置镇,退沙街道,开元街道,北环路街道,陶唐峪乡,鼓楼街道,南环路街道,白龙镇,三教乡,大张镇,师庄乡,李曹镇,辛置镇,退沙街道
临汾市霍州市下辖区域坐标
{"开元街道":[111.73708922207223,36.56675698626864],"北环路街道":[111.72974159152389,36.58683138609003],"陶唐峪乡":[111.80942433458983,36.49261981921597],"鼓楼街道":[111.7144581325326,36.57387571633761],"南环路街道":[111.71995705511996,36.5398366217517],"白龙镇":[111.6660410334288,36.56173615668871],"三教乡":[111.87213821551242,36.6524209633761],"大张镇":[111.77193414273988,36.58818702894521],"师庄乡":[111.76158085224148,36.66945008901267],"李曹镇":[111.9198667899401,36.59487006168666],"辛置镇":[111.72382770482113,36.50465293091436],"退沙街道":[111.68696939161975,36.64459121860632]}
临汾市霍州市行政划分代码
[{"name":"开元街道","code":"141082004000"},{"name":"北环路街道","code":"141082002000"},{"name":"陶唐峪乡","code":"141082200000"},{"name":"鼓楼街道","code":"141082001000"},{"name":"南环路街道","code":"141082003000"},{"name":"白龙镇","code":"141082100000"},{"name":"三教乡","code":"141082201000"},{"name":"大张镇","code":"141082102000"},{"name":"师庄乡","code":"141082202000"},{"name":"李曹镇","code":"141082103000"},{"name":"辛置镇","code":"141082101000"},{"name":"退沙街道","code":"141082005000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
