echarts临沂市沂水县geoJson地图自定义引导线效果实例

geoJson2 yekong

数据大屏可视化 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是临沂市沂水县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。

沂水县,山东省临沂市辖县,地处山东省中南部,沂山南麓,临沂市北部。东邻诸城市、莒县,西与沂源县、蒙阴县交界,南与沂南县毗连,北与安丘市、临朐县接壤,总面积2434.80平方千米。2021年,沂水县户籍人口119.67万人。全县除汉族外,还有回族、蒙古族、苗族、彝族、壮族、布依族、朝鲜族、满族等32个少数民族。

echarts临沂市沂水县geoJson地图自定义引导线

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

echarts临沂市沂水县geoJson地图自定义引导线

echarts临沂市沂水县geoJson地图地图下钻展示

地图下钻展示,点击地图后,只显示当前选中的区域,可点击返回显示全部地图.

echarts临沂市沂水县geoJson地图地图下钻展示

echarts临沂市沂水县geoJson地图水滴状气泡图

echarts地图渲染时,会通过一个水滴状小气泡来将数值渲染到地图上,我们可以可以通过scatter来实现我们想要的效果.

echarts临沂市沂水县geoJson地图水滴状气泡图

threejs临沂市沂水县geoJson地图3d地图红色描边闪烁警报

通过threejs绘制3d地图使用outlinePass 实现发光描边闪烁效果 以实现警报功能,如果对threejs感兴趣,可以观看threejs课程视频 Three.js 3D可视化

threejs临沂市沂水县geoJson地图3d地图红色描边闪烁警报

threejs临沂市沂水县geoJson地图3d地图css2d标签

通过threejs绘制的3d地图css2d标签实例,CSS2D面向摄像机,不随场景缩放而缩放 vue3 threejs实现在3d地图中绘制css2d地名

threejs临沂市沂水县geoJson地图3d地图css2d标签

threejs临沂市沂水县geoJson地图3d地图自定义贴图加CSS2D标签

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

threejs临沂市沂水县geoJson地图3d地图自定义贴图加CSS2D标签

临沂市沂水县 下辖有 夏蔚镇,杨庄镇,沙沟镇,泉庄镇,诸葛镇,道托镇,崔家峪镇,沂城街道,许家湖镇,院东头镇,黄山铺镇,龙家圈镇,圈里乡,富官庄镇,四十里堡镇,马站镇,高庄镇,高桥镇

临沂市沂水县下辖区域坐标

{"夏蔚镇":[118.33049419940866,35.84691952981758],"杨庄镇":[118.81641283450509,36.01173716130408],"沙沟镇":[118.59969703152836,36.09357565851765],"泉庄镇":[118.38733040400076,35.92581862910924],"诸葛镇":[118.52975179540307,35.98345155690463],"道托镇":[118.7002563381343,35.88904086781284],"崔家峪镇":[118.42613838140011,35.82345840161055],"沂城街道":[118.61897938765432,35.84778234995225],"许家湖镇":[118.58148761556555,35.70872202673934],"院东头镇":[118.40679446569995,35.72527363189779],"黄山铺镇":[118.5121786695232,35.79746037974014],"龙家圈镇":[118.52875349884664,35.81877610492045],"圈里乡":[118.7945865978455,36.13884041537021],"富官庄镇":[118.96712722818882,36.0633145791471],"四十里堡镇":[118.71861179057711,35.66940118308953],"马站镇":[118.73653664021109,36.07400425932708],"高庄镇":[118.25943098581945,35.83515595066148],"高桥镇":[118.70228579331805,35.96620371403257]}

临沂市沂水县行政划分代码

[{"name":"夏蔚镇","code":"371323110000"},{"name":"杨庄镇","code":"371323109000"},{"name":"沙沟镇","code":"371323111000"},{"name":"泉庄镇","code":"371323117000"},{"name":"诸葛镇","code":"371323106000"},{"name":"道托镇","code":"371323116000"},{"name":"崔家峪镇","code":"371323107000"},{"name":"沂城街道","code":"371323001000"},{"name":"许家湖镇","code":"371323103000"},{"name":"院东头镇","code":"371323113000"},{"name":"黄山铺镇","code":"371323104000"},{"name":"龙家圈镇","code":""},{"name":"圈里乡","code":"371323201000"},{"name":"富官庄镇","code":"371323115000"},{"name":"四十里堡镇","code":"371323108000"},{"name":"马站镇","code":"371323101000"},{"name":"高庄镇","code":"371323112000"},{"name":"高桥镇","code":"371323102000"}]

说明

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

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

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

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

临沂市沂水县echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts临沂市沂水县geoJson地图自定义引导线效果实例