数据大屏可视化 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是临沂市莒南县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
莒南县,隶属山东省临沂市,地处鲁东南鲁苏交界处、临沂市东部,东邻日照市岚山区,南接江苏省连云港市赣榆区,西与临沂市河东区毗邻,北与日照市莒县相接。莒南县总面积1752平方千米。根据第七次人口普查数据,莒南县常住人口为84.1万人
echarts临沂市莒南县geoJson地图 visualMap控制地图颜色
echarts地图使用visualMap通过一组颜色及一组数据来实现地图不同区域根据不同数据进行颜色变化
echarts临沂市莒南县geoJson地图局部颜色渐变
echarts地图渲染,通过echarts.graphic.LinearGradient线性渐变来实现地图区域颜色的渐变效果
echarts临沂市莒南县geoJson地图tooltip自定义html
echarts tooltip演示自定义,通过toolTip的formatter方法以html+css的方式实现自己想要的样式效果,鼠标移上去就可以看到我们想要的效果了,也可以通过css自定义为自己需要的样式.
threejs临沂市莒南县geoJson地图3d地图css2d标签
通过threejs绘制的3d地图css2d标签实例,CSS2D面向摄像机,不随场景缩放而缩放 vue3 threejs实现在3d地图中绘制css2d地名,如果对threejs感兴趣,可以观看threejs视频 Three.js视频教程3D可视化
threejs临沂市莒南县geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果
threejs临沂市莒南县geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果
临沂市莒南县 下辖有 坊前镇,坪上镇,壮岗镇,大店镇,洙边镇,十字路街道,朱芦镇,团林镇,岭泉镇,文疃镇,板泉镇,筵宾镇,道口镇,石莲子镇,涝坡镇,相沟乡
临沂市莒南县下辖区域坐标
{"坊前镇":[118.95387353041089,35.1672709301301],"坪上镇":[119.08553159727188,35.19982246097079],"壮岗镇":[119.02786292834925,35.08957381693342],"大店镇":[118.78599290512442,35.34082324327693],"洙边镇":[118.87586068172135,35.07952527760768],"十字路街道":[118.82536108474729,35.18723386235814],"朱芦镇":[119.1356167835218,35.27137699220741],"团林镇":[119.13237098644728,35.13082431458538],"岭泉镇":[118.71679871932454,35.2200565065627],"文疃镇":[119.03043197077768,35.32498512960777],"板泉镇":[118.67128772177392,35.1289990154299],"筵宾镇":[118.77698238768866,35.26235508488613],"道口镇":[118.66145336381697,35.27008671763818],"石莲子镇":[118.63453973367953,35.31494448719369],"涝坡镇":[118.93592261065433,35.2913164608218],"相沟乡":[118.75310816016291,35.07228746484489]}
临沂市莒南县行政划分代码
[{"name":"坊前镇","code":"371327103000"},{"name":"坪上镇","code":"371327119000"},{"name":"壮岗镇","code":"371327120000"},{"name":"大店镇","code":"371327102000"},{"name":"洙边镇","code":"371327107000"},{"name":"十字路街道","code":"371327001000"},{"name":"朱芦镇","code":"371327121000"},{"name":"团林镇","code":"371327118000"},{"name":"岭泉镇","code":"371327112000"},{"name":"文疃镇","code":"371327108000"},{"name":"板泉镇","code":"371327106000"},{"name":"筵宾镇","code":"371327113000"},{"name":"道口镇","code":"371327116000"},{"name":"石莲子镇","code":"371327111000"},{"name":"涝坡镇","code":"371327114000"},{"name":"相沟乡","code":""}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示