echarts日照市莒县geoJson地图指定区域高亮演示实例

geoJson2 yekong

数据大屏可视化 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理日照市莒县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。

莒(jǔ)县,隶属于山东省日照市,位于山东省东南部,日照市西部,面积1821平方千米。截至2022年10月,莒县下辖5个街道、14个镇、1个乡,另设有1个开发区。截至2022年末,莒县户籍人口116.49万人。

echarts日照市莒县geoJson地图指定区域高亮

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

echarts日照市莒县geoJson地图指定区域高亮

echarts日照市莒县geoJson地图圆形波纹状气泡图

echarts地图渲染时,会通过effectScatter实现一个圆形外加波纹扩散效果的气泡来使页面看起来更酷炫.

echarts日照市莒县geoJson地图圆形波纹状气泡图

echarts日照市莒县geoJson地图地图排行榜效果

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

echarts日照市莒县geoJson地图地图排行榜效果

threejs日照市莒县geoJson地图3d地图自定义贴图加CSS3D标签

通过threejs绘制3d地图并添加CSS3D标签和自定义贴图,如果对threejs感兴趣,可以观看threejs视频教程 Three.js前端3D可视化教程

threejs日照市莒县geoJson地图3d地图自定义贴图加CSS3D标签

threejs日照市莒县geoJson地图3d地图添加描边效果

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

threejs日照市莒县geoJson地图3d地图添加描边效果

threejs日照市莒县geoJson地图3d地图添加旋转棱锥

通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例

threejs日照市莒县geoJson地图3d地图添加旋转棱锥

日照市莒县 下辖有 东莞镇,小店镇,峤山镇,库山乡,招贤镇,长岭镇,寨里河镇,店子集镇,莒县经济开发区,夏庄镇,安庄镇,果庄乡,桑园镇,棋山镇,洛河镇,阎庄镇,陵阳镇,龙山镇,刘官庄镇,城阳街道,浮来山镇

日照市莒县下辖区域坐标

{"东莞镇":[118.97367542909524,35.97916021275221],"小店镇":[118.8131204672705,35.42245030490802],"峤山镇":[118.97278349207156,35.62912353758134],"库山乡":[118.99135974037355,35.89990122021252],"招贤镇":[118.93015617252986,35.730977286892],"长岭镇":[118.8323993404494,35.47810142756375],"寨里河镇":[118.92221329600441,35.4656944567743],"店子集镇":[118.92069737200364,35.58652915014261],"莒县经济开发区":[118.83999585191437,35.63063708605844],"夏庄镇":[118.68370570993388,35.42361608178322],"安庄镇":[118.78158761098535,35.83265799923454],"果庄乡":[118.74460739908466,35.77446942745814],"桑园镇":[119.04120720370847,35.69252330985358],"棋山镇":[118.85273586265001,35.86943276336699],"洛河镇":[118.81550569082215,35.74649759108915],"阎庄镇":[118.82249435752601,35.6747392203273],"陵阳镇":[118.87714902128093,35.53582904161305],"龙山镇":[118.9919523009125,35.52873358458592],"刘官庄镇":[118.75949548510562,35.52438513466334],"城阳街道":[118.85429015723544,35.61698924315499],"浮来山镇":[118.77074718655905,35.60934642628568]}

日照市莒县行政划分代码

[{"name":"东莞镇","code":"371122110000"},{"name":"小店镇","code":"371122107000"},{"name":"峤山镇","code":"371122106000"},{"name":"库山乡","code":"371122206000"},{"name":"招贤镇","code":"371122102000"},{"name":"长岭镇","code":"371122114000"},{"name":"寨里河镇","code":"371122118000"},{"name":"店子集镇","code":""},{"name":"莒县经济开发区","code":"371122400000"},{"name":"夏庄镇","code":"371122104000"},{"name":"安庄镇","code":"371122115000"},{"name":"果庄乡","code":""},{"name":"桑园镇","code":"371122119000"},{"name":"棋山镇","code":"371122116000"},{"name":"洛河镇","code":"371122117000"},{"name":"阎庄镇","code":""},{"name":"陵阳镇","code":""},{"name":"龙山镇","code":"371122109000"},{"name":"刘官庄镇","code":"371122105000"},{"name":"城阳街道","code":"371122001000"},{"name":"浮来山镇","code":""}]

说明

1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。

2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。

3、本数据仅用于echarts threejs地图效果展示。

4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示

日照市莒县echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts日照市莒县geoJson地图指定区域高亮演示实例