echarts日照市东港区geoJson地图地图排行榜效果演示实例

geoJson2 yekong

随着开发 可视化数据大屏 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理日照市东港区echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。

东港区,隶属于山东省日照市。濒临黄海,位于中国大陆海岸线的中部,山东半岛南翼,北依青岛市,南接岚山区,隔海与韩国、日本相望。陆域面积907.37平方千米,海岸线42千米。截至2022年10月,东港区下辖5个街道、7个镇。截至2022年末,东港区常住人口83.88万人。

echarts日照市东港区geoJson地图地图排行榜效果

echarts地图根据数据渲染不同颜色的地图,并根据数据大小显示前10名的排序效果,属于地图map类型和柱状图bar类型混合效果

echarts日照市东港区geoJson地图地图排行榜效果

echarts日照市东港区geoJson地图自定义label样式

echarts通过scatter实例可以配置自己想要的图标,以及label文字的样式效果

echarts日照市东港区geoJson地图自定义label样式

echarts日照市东港区geoJson地图指定区域高亮

echarts让指定区域变为选中高亮状态

echarts日照市东港区geoJson地图指定区域高亮

threejs日照市东港区geoJson地图3d地图css2d标签

通过threejs绘制的3d地图css2d标签实例,CSS2D面向摄像机,不随场景缩放而缩放 vue3 threejs实现在3d地图中绘制css2d地名,如果想系统的学习threejs的话,可以观看threejs视频课程 WebGL/Three.js前端高薪3D可视化

threejs日照市东港区geoJson地图3d地图css2d标签

threejs日照市东港区geoJson地图3d地图自定义贴图加CSS2D标签

通过threejs绘制3d地图并添加CSS2D标签和自定义贴图

threejs日照市东港区geoJson地图3d地图自定义贴图加CSS2D标签

threejs日照市东港区geoJson地图3d地图添加描边效果

通过threejs绘制3d地图使用outlinePass 实现发光描边效果

threejs日照市东港区geoJson地图3d地图添加描边效果

日照市东港区 下辖有 两城镇,南湖镇,后村镇,陈疃镇,三庄镇,西湖镇,河山镇,日照街道,山海天旅游度假区临时工作委员会,秦楼街道,涛雒镇,奎山街道,石臼街道,北京路街道

日照市东港区下辖区域坐标

{"两城镇":[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地图实例效果,限于篇幅不一一展示

日照市东港区echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts日照市东港区geoJson地图地图排行榜效果演示实例