可视化数据大屏 项目中经常需要渲染echarts地图，为了不同城市快速实现，将不同城市的echarts地图效果整理出来，今天为大家整理长沙市开福区echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts长沙市开福区geoJson地图label自定义样式
echarts通过scatter实例可以配置自己想要的图标,以及label文字的样式效果
echarts长沙市开福区geoJson地图地图下钻展示
地图下钻展示,点击地图后,只显示当前选中的区域,可点击返回显示全部地图.
echarts长沙市开福区geoJson地图添加柱状图
echarts地图渲染时,为了让地图上的数据有一个对比的效果,会在地图上标注柱状图,以便于更直观的看出各个区域的数值.
threejs长沙市开福区geoJson地图3d地图
通过threejs绘制的3d地图实例 vue3 threejs 在vue3项目中绘制3d地图效果实例,如果想系统的学习threejs的话，可以观看threejs视频课程 Three.js前端3D可视化
threejs长沙市开福区geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果
threejs长沙市开福区geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮
长沙市开福区 下辖有 新河街道,四方坪街道,青竹湖镇,东风路街道,洪山街道,秀峰街道,伍家岭街道,望麓园街道,清水塘街道,通泰街街道,芙蓉北路街道,捞刀河街道,浏阳河街道,湘雅路街道,月湖街道,沙坪街道,青竹湖街道
长沙市开福区下辖区域坐标
{"新河街道":[112.97431218179972,28.2346088353763],"四方坪街道":[113.01090294961287,28.23417940192027],"青竹湖镇":[112.9700606292592,28.35789138522136],"东风路街道":[112.99140771742076,28.2251190911631],"洪山街道":[113.03281090260651,28.25019286901093],"秀峰街道":[112.96518319385845,28.30687045903665],"伍家岭街道":[112.9917080256215,28.23489212478296],"望麓园街道":[112.9754475159724,28.20742665558164],"清水塘街道":[112.99054047655582,28.20924262091795],"通泰街街道":[112.96689035053292,28.20597883046197],"芙蓉北路街道":[112.97256052234988,28.26088345868212],"捞刀河街道":[113.0167045489157,28.29074182618074],"浏阳河街道":[112.99743496179894,28.25496091346815],"湘雅路街道":[112.97235186859484,28.21730120359127],"月湖街道":[113.02834216558395,28.22800384260966],"沙坪街道":[113.02872475188371,28.34693013612956],"青竹湖街道":[112.92963900979154,28.33229991125028]}
长沙市开福区行政划分代码
[{"name":"新河街道","code":"430105009000"},{"name":"四方坪街道","code":"430105012000"},{"name":"青竹湖镇","code":""},{"name":"东风路街道","code":"430105002000"},{"name":"洪山街道","code":"430105013000"},{"name":"秀峰街道","code":"430105016000"},{"name":"伍家岭街道","code":"430105006000"},{"name":"望麓园街道","code":"430105004000"},{"name":"清水塘街道","code":"430105003000"},{"name":"通泰街街道","code":"430105010000"},{"name":"芙蓉北路街道","code":"430105001000"},{"name":"捞刀河街道","code":"430105020000"},{"name":"浏阳河街道","code":"430105014000"},{"name":"湘雅路街道","code":"430105005000"},{"name":"月湖街道","code":"430105015000"},{"name":"沙坪街道","code":"430105019000"},{"name":"青竹湖街道","code":"430105021000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
