随着开发 可视化大屏 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理台州市临海市echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts台州市临海市geoJson地图指定区域高亮
echarts让指定区域变为选中高亮状态
echarts台州市临海市geoJson地图水滴状气泡图
echarts地图渲染时,会通过一个水滴状小气泡来将数值渲染到地图上,我们可以可以通过scatter来实现我们想要的效果.
echarts台州市临海市geoJson地图3d地图
使用的是echarts-gl结合echarts实现的3d地图效果实例
threejs台州市临海市geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果,如果想系统的学习threejs的话,可以观看threejs视频教程 WebGL 3D可视化教程
threejs台州市临海市geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例,CSS3D不面向摄像机,跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小 Vue3 threejs 在3d地图中绘制css3d标签标注省份
threejs台州市临海市geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图
台州市临海市 下辖有 大田街道,江南街道,白水洋镇,邵家渡街道,上盘镇,东塍镇,小芝镇,尤溪镇,括苍镇,杜桥镇,桃渚镇,永丰镇,汇溪镇,汛桥镇,河头镇,沿江镇,涌泉镇,古城街道,大洋街道
台州市临海市下辖区域坐标
{"大田街道":[121.17712345363091,28.93025398565356],"江南街道":[121.09295667786117,28.79202025740103],"白水洋镇":[120.92596772488281,28.94299966874961],"邵家渡街道":[121.27277430755757,28.85262117404435],"上盘镇":[121.75046599391317,28.75624868848305],"东塍镇":[121.3289508836437,28.94439833250882],"小芝镇":[121.42981226391623,28.86922467398626],"尤溪镇":[121.05700039106713,28.7177942551994],"括苍镇":[120.9764872726137,28.82604598739264],"杜桥镇":[121.50309952898843,28.75642049804371],"桃渚镇":[121.58805312904231,28.81852022258967],"永丰镇":[121.05724247614305,28.9192986129508],"汇溪镇":[121.20650437559394,28.98793485691724],"汛桥镇":[121.18414784591451,28.76578890721476],"河头镇":[121.10258370838622,29.01782971484284],"沿江镇":[121.24679464960076,28.74095284476339],"涌泉镇":[121.30364271613148,28.77063939031082],"古城街道":[121.10533598549071,28.86146823870373],"大洋街道":[121.16563842996695,28.87673699341803]}
台州市临海市行政划分代码
[{"name":"大田街道","code":"331082004000"},{"name":"江南街道","code":"331082003000"},{"name":"白水洋镇","code":"331082106000"},{"name":"邵家渡街道","code":"331082005000"},{"name":"上盘镇","code":"331082113000"},{"name":"东塍镇","code":"331082101000"},{"name":"小芝镇","code":"331082104000"},{"name":"尤溪镇","code":"331082109000"},{"name":"括苍镇","code":"331082107000"},{"name":"杜桥镇","code":"331082112000"},{"name":"桃渚镇","code":"331082114000"},{"name":"永丰镇","code":"331082108000"},{"name":"汇溪镇","code":"331082103000"},{"name":"汛桥镇","code":"331082100000"},{"name":"河头镇","code":"331082105000"},{"name":"沿江镇","code":"331082111000"},{"name":"涌泉镇","code":"331082110000"},{"name":"古城街道","code":"331082001000"},{"name":"大洋街道","code":"331082002000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看