数据大屏可视化 项目中会有渲染地图的需要,除了百度地图以及高德地图外，也会需要echarts或者threejs效果的地图,今天为大家整理郴州市北湖区echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts郴州市北湖区geoJson地图tooltip自定义html
echarts tooltip演示自定义,通过toolTip的formatter方法以html+css的方式实现自己想要的样式效果,鼠标移上去就可以看到我们想要的效果了,也可以通过css自定义为自己需要的样式.
echarts郴州市北湖区geoJson地图点击跳转到指定页面
为图标添加点击事件,点击图标,跳转到指定页面
echarts郴州市北湖区geoJson地图3d地图自定义图标
echarts 3d地图添加自定义图标实例
threejs郴州市北湖区geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮,如果对threejs感兴趣，可以观看threejs课程视频 WebGL/Three.js前端高薪3D可视化
threejs郴州市北湖区geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例，CSS3D不面向摄像机，跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小 Vue3 threejs 在3d地图中绘制css3d标签标注省份
郴州市北湖区 下辖有 保和瑶族乡,燕泉街道,仰天湖瑶族乡,涌泉街道,石盖塘镇,郴江街道,华塘镇,鲁塘镇,北湖街道,增福街道,骆仙街道,下湄桥街道,人民路街道
郴州市北湖区下辖区域坐标
{"保和瑶族乡":[112.8907931983301,25.68185521804052],"燕泉街道":[113.01758532322074,25.77550682782756],"仰天湖瑶族乡":[112.83431426195844,25.5087747478667],"涌泉街道":[112.99149969613138,25.76080818361156],"石盖塘镇":[112.94145997916972,25.63673786205924],"郴江街道":[113.0431701395886,25.75753492946535],"华塘镇":[112.88172424740708,25.79152271559267],"鲁塘镇":[112.78146722139202,25.58424758301403],"北湖街道":[113.0094780407222,25.80428542677407],"增福街道":[112.98500999655238,25.72930434799132],"骆仙街道":[112.98393963094175,25.81700882297609],"下湄桥街道":[113.0083367852724,25.84681663818855],"人民路街道":[113.02220951962755,25.79787294599635]}
郴州市北湖区行政划分代码
[{"name":"保和瑶族乡","code":"431002210000"},{"name":"燕泉街道","code":"431002003000"},{"name":"仰天湖瑶族乡","code":"431002209000"},{"name":"涌泉街道","code":"431002008000"},{"name":"石盖塘镇","code":""},{"name":"郴江街道","code":"431002007000"},{"name":"华塘镇","code":"431002101000"},{"name":"鲁塘镇","code":"431002102000"},{"name":"北湖街道","code":"431002002000"},{"name":"增福街道","code":"431002006000"},{"name":"骆仙街道","code":"431002005000"},{"name":"下湄桥街道","code":"431002004000"},{"name":"人民路街道","code":"431002001000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
