随着开发 可视化数据大屏 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理日照市东港区echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
东港区,隶属于山东省日照市。濒临黄海,位于中国大陆海岸线的中部,山东半岛南翼,北依青岛市,南接岚山区,隔海与韩国、日本相望。陆域面积907.37平方千米,海岸线42千米。截至2022年10月,东港区下辖5个街道、7个镇。截至2022年末,东港区常住人口83.88万人。
echarts日照市东港区geoJson地图地图排行榜效果
echarts地图根据数据渲染不同颜色的地图,并根据数据大小显示前10名的排序效果,属于地图map类型和柱状图bar类型混合效果
echarts日照市东港区geoJson地图自定义label样式
echarts通过scatter实例可以配置自己想要的图标,以及label文字的样式效果
echarts日照市东港区geoJson地图指定区域高亮
echarts让指定区域变为选中高亮状态
threejs日照市东港区geoJson地图3d地图css2d标签
通过threejs绘制的3d地图css2d标签实例,CSS2D面向摄像机,不随场景缩放而缩放 vue3 threejs实现在3d地图中绘制css2d地名,如果想系统的学习threejs的话,可以观看threejs视频课程 WebGL/Three.js前端高薪3D可视化
threejs日照市东港区geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图
threejs日照市东港区geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果
日照市东港区 下辖有 两城镇,南湖镇,后村镇,陈疃镇,三庄镇,西湖镇,河山镇,日照街道,山海天旅游度假区临时工作委员会,秦楼街道,涛雒镇,奎山街道,石臼街道,北京路街道
日照市东港区下辖区域坐标
{"两城镇":[119.57425795212515,35.55754443978274],"南湖镇":[119.37473674469854,35.50158584125123],"后村镇":[119.29081749175037,35.38932874946033],"陈疃镇":[119.24992920917181,35.521911150021],"三庄镇":[119.12978561896853,35.5134984689395],"西湖镇":[119.23682122208409,35.44014062519162],"河山镇":[119.48824296385219,35.53584037379098],"日照街道":[119.43275757096097,35.46097487111773],"山海天旅游度假区临时工作委员会":[119.56867375087447,35.49390461085913],"秦楼街道":[119.53751072776754,35.43435480585326],"涛雒镇":[119.37378582479639,35.26831300387246],"奎山街道":[119.430004376338,35.35713156221819],"石臼街道":[119.55104209790616,35.37749689887957],"北京路街道":[119.49366272186525,35.35221560321254]}
日照市东港区行政划分代码
[{"name":"两城镇","code":""},{"name":"南湖镇","code":"371102108000"},{"name":"后村镇","code":"371102104000"},{"name":"陈疃镇","code":"371102107000"},{"name":"三庄镇","code":"371102109000"},{"name":"西湖镇","code":"371102106000"},{"name":"河山镇","code":"371102100000"},{"name":"日照街道","code":"371102001000"},{"name":"山海天旅游度假区临时工作委员会","code":""},{"name":"秦楼街道","code":"371102004000"},{"name":"涛雒镇","code":"371102110000"},{"name":"奎山街道","code":""},{"name":"石臼街道","code":"371102002000"},{"name":"北京路街道","code":""}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示