数据大屏 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理台州市黄岩区echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts台州市黄岩区geoJson地图热力图
echarts通过heatmap实现热力图效果
echarts台州市黄岩区geoJson地图指定区域高亮
echarts让指定区域变为选中高亮状态
echarts台州市黄岩区geoJson地图3d地图
使用的是echarts-gl结合echarts实现的3d地图效果实例
threejs台州市黄岩区geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果,如果对threejs感兴趣,可以观看threejs课程视频 Three.js视频教程3D可视化
threejs台州市黄岩区geoJson地图3d地图
通过threejs绘制的3d地图实例 vue3 threejs 在vue3项目中绘制3d地图效果实例
threejs台州市黄岩区geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图
台州市黄岩区 下辖有 上垟乡,上郑乡,北洋镇,头陀镇,宁溪镇,富山乡,屿头乡,平田乡,沙埠镇,茅畲乡,院桥镇,江口街道,澄江街道,东城街道,北城街道,南城街道,新前街道,西城街道,高桥街道
台州市黄岩区下辖区域坐标
{"上垟乡":[121.0091259975033,28.53284724959968],"上郑乡":[120.8716211784324,28.5887805692774],"北洋镇":[121.06360440284922,28.6333882153451],"头陀镇":[121.14185218634748,28.661104442571],"宁溪镇":[120.94107301131713,28.58644433014246],"富山乡":[120.88251000588755,28.52416965145555],"屿头乡":[120.96737546530173,28.67030707708069],"平田乡":[121.04944496285236,28.56989406983334],"沙埠镇":[121.17309163726351,28.54893743418807],"茅畲乡":[121.12101291690817,28.56418965928314],"院桥镇":[121.2434528115536,28.55270681173795],"江口街道":[121.32661460181066,28.66443547826887],"澄江街道":[121.17418586045098,28.6162847529346],"东城街道":[121.27904611644742,28.65572643992595],"北城街道":[121.263397970207,28.68595445467529],"南城街道":[121.2724087302543,28.60790975653633],"新前街道":[121.19528696093843,28.68285372328855],"西城街道":[121.23996823612683,28.63736801450759],"高桥街道":[121.21686460835332,28.58981860454923]}
台州市黄岩区行政划分代码
[{"name":"上垟乡","code":"331003204000"},{"name":"上郑乡","code":"331003201000"},{"name":"北洋镇","code":"331003102000"},{"name":"头陀镇","code":"331003103000"},{"name":"宁溪镇","code":"331003101000"},{"name":"富山乡","code":"331003202000"},{"name":"屿头乡","code":"331003200000"},{"name":"平田乡","code":"331003205000"},{"name":"沙埠镇","code":"331003108000"},{"name":"茅畲乡","code":"331003203000"},{"name":"院桥镇","code":"331003107000"},{"name":"江口街道","code":"331003007000"},{"name":"澄江街道","code":"331003006000"},{"name":"东城街道","code":"331003001000"},{"name":"北城街道","code":"331003004000"},{"name":"南城街道","code":"331003002000"},{"name":"新前街道","code":"331003005000"},{"name":"西城街道","code":"331003003000"},{"name":"高桥街道","code":"331003008000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看