echarts朔州市朔城区geoJson地图地图排行榜效果效果实例

geoJson2 yekong 132℃

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

朔城区,隶属 山西省 朔州市。位于山西北部雁门关外,地理坐标为东经112º-112º44'25"。北纬39º7'16"-39º28'27"。境域北起黑驼山与平鲁区交界,南至紫金山与宁武、代县、原平县相邻,东到东榆林与山阴县接壤,西至兰家窑与神池县毗邻。东西长67千米,南北宽36千米,距首都北京502千米。总面积1793平方千米,是朔州市府所在地。根据第七次人口普查数据,截至2020年11月1日零时,朔城区常住人口为565075人。

echarts朔州市朔城区geoJson地图地图排行榜效果

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

echarts朔州市朔城区geoJson地图地图排行榜效果

echarts朔州市朔城区geoJson地图自定义引导线

echarts地图渲染中,会遇到多个地名凑到一块导致名称重叠的情况,这时候我们可以通过一条线指向对应的位置并通过label来进行标注的效果.

echarts朔州市朔城区geoJson地图自定义引导线

echarts朔州市朔城区geoJson地图 visualMap控制地图颜色

echarts地图使用visualMap通过一组颜色及一组数据来实现地图不同区域根据不同数据进行颜色变化

echarts朔州市朔城区geoJson地图 visualMap控制地图颜色

threejs朔州市朔城区geoJson地图3d地图添加旋转棱锥

通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例,如果对threejs感兴趣,可以观看threejs视频 WebGL 3D可视化教程

threejs朔州市朔城区geoJson地图3d地图添加旋转棱锥

threejs朔州市朔城区geoJson地图3d地图添加金色效果

通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰

threejs朔州市朔城区geoJson地图3d地图添加金色效果

threejs朔州市朔城区geoJson地图3d地图CSS3D标签

通过threejs绘制的3d地图CSS3D标签实例,CSS3D不面向摄像机,跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小

threejs朔州市朔城区geoJson地图3d地图CSS3D标签

朔州市朔城区 下辖有 神头街道,小平易乡,贾庄乡,福善庄乡,北城街道,南城街道,利民镇,滋润乡,神头镇,下团堡乡,南榆林乡,朔州市开发区管委会,沙塄河乡,张蔡庄乡,窑子头乡,北旺庄街道,神头街道,小平易乡,贾庄乡,福善庄乡,北城街道,南城街道,利民镇,滋润乡,神头镇,下团堡乡,南榆林乡,朔州市开发区管委会,沙塄河乡,张蔡庄乡,窑子头乡,北旺庄街道

朔州市朔城区下辖区域坐标

{"神头街道":[],"小平易乡":[112.46664423086139,39.38815260799929],"贾庄乡":[112.53902320535582,39.26562087167717],"福善庄乡":[112.63853967884556,39.26312828011228],"北城街道":[112.42298550352879,39.32772153460127],"南城街道":[112.4144930192538,39.31256480013803],"利民镇":[112.1403263750233,39.34356216330727],"滋润乡":[112.680480279753,39.30428524787538],"神头镇":[112.61987877952608,39.38233347997072],"下团堡乡":[112.33916499154341,39.37301637322021],"南榆林乡":[112.64794834676401,39.15758660834267],"朔州市开发区管委会":[],"沙塄河乡":[112.46074998645032,39.1842909068923],"张蔡庄乡":[112.27674454037162,39.25778234626857],"窑子头乡":[112.32560709379833,39.17794914464737],"北旺庄街道":[112.44490868164618,39.32405508555033]}

朔州市朔城区行政划分代码

[{"name":"神头街道","code":"140602003000"},{"name":"小平易乡","code":"140602201000"},{"name":"贾庄乡","code":"140602205000"},{"name":"福善庄乡","code":""},{"name":"北城街道","code":"140602001000"},{"name":"南城街道","code":"140602002000"},{"name":"利民镇","code":"140602101000"},{"name":"滋润乡","code":"140602202000"},{"name":"神头镇","code":"140602100000"},{"name":"下团堡乡","code":"140602200000"},{"name":"南榆林乡","code":"140602204000"},{"name":"朔州市开发区管委会","code":""},{"name":"沙塄河乡","code":"140602206000"},{"name":"张蔡庄乡","code":"140602208000"},{"name":"窑子头乡","code":"140602207000"},{"name":"北旺庄街道","code":"140602004000"}]

说明

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

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

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

朔州市朔城区echarts地图效果实例和threejs地图效果实例下载

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