echarts朝阳市朝阳县geoJson地图3d地图自定义贴图-绿色地面实例代码

geoJson2 yekong

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

朝阳县,隶属辽宁省朝阳市,位于辽宁省西部,西连内蒙古自治区,东北部分别与朝阳市双塔区、龙城区和北票市毗连,东和东南与锦州凌海市、葫芦岛市南票区、连山区接壤,南靠葫芦岛市建昌县,西靠建平县、喀左县,北与内蒙古自治区敖汉旗为邻,总土地面积3758平方千米。截至2021年,朝阳县户籍总人口53.9万人。有少数民族18个,少数民族人口33506人。截至2021年10月,朝阳县下辖1个街道、14个镇、12个乡。县政府驻柳城街道燕京街1号。

echarts朝阳市朝阳县geoJson地图3d地图自定义贴图-绿色地面

3d地图自定义贴图-绿色地面,echarts结合echarts-gl实现3d地图自定义贴图效果,通过设置 shading: 'realistic',以及realisticMaterial来设置自定义纹理贴图,当前效果为绿色地面的效果实例

echarts朝阳市朝阳县geoJson地图3d地图自定义贴图-绿色地面

echarts朝阳市朝阳县geoJson地图全局颜色渐变

echarts地图渲染时,除了局部区域渐变外也会遇到整个地图的颜色渐变效果,我们可以通过areaColor的linear-gradient来实现我们想要的效果

echarts朝阳市朝阳县geoJson地图全局颜色渐变

echarts朝阳市朝阳县geoJson地图水滴状气泡图

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

echarts朝阳市朝阳县geoJson地图水滴状气泡图

threejs朝阳市朝阳县geoJson地图3d地图css2d标签

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

threejs朝阳市朝阳县geoJson地图3d地图css2d标签

threejs朝阳市朝阳县geoJson地图3d地图CSS2D外加旋转棱锥

通过threejs绘制3d地图CSS2D外加旋转棱锥效果

threejs朝阳市朝阳县geoJson地图3d地图CSS2D外加旋转棱锥

threejs朝阳市朝阳县geoJson地图3d地图鼠标移入显示标签并高亮

通过threejs绘制的3d地图鼠标移入显示标签并高亮

threejs朝阳市朝阳县geoJson地图3d地图鼠标移入显示标签并高亮

朝阳市朝阳县 下辖有 大庙镇,胜利乡,柳城镇,羊山镇,波罗赤镇,国营朝阳县贾家店农场,杨树湾乡,西营子乡,尚志乡,台子乡,七道岭乡,东大屯乡,东大道乡,南双庙乡,王营子乡,北沟门子乡,瓦房子镇,二十家子镇,北四家子乡,木头城子镇,根德营子乡,西五家子乡,长在营子乡,黑牛营子乡,乌兰河硕蒙古族乡,六家子镇,古山子镇,松岭门蒙古族乡

朝阳市朝阳县下辖区域坐标

{"大庙镇":[120.2033254605852,41.71249488212797],"胜利乡":[120.08974103413675,41.20202835143408],"柳城镇":[120.39205383154082,41.47234270733326],"羊山镇":[120.38231206324446,41.18338751434547],"波罗赤镇":[119.95292690212477,41.42273291896421],"国营朝阳县贾家店农场":[120.06885618335153,41.53650589503304],"杨树湾乡":[120.03282585195123,41.51456017600083],"西营子乡":[120.51593380651883,41.35727141041103],"尚志乡":[120.34588204828582,41.07824811860777],"台子乡":[120.20539878833259,41.3316758895436],"七道岭乡":[120.67203382044522,41.37079838371575],"东大屯乡":[120.63242481803888,41.23865834194849],"东大道乡":[119.99423194219032,41.45650783186596],"南双庙乡":[120.38126301536084,41.35029159216032],"王营子乡":[120.40833455191904,41.03194746004478],"北沟门子乡":[120.0332042666806,41.62879955319005],"瓦房子镇":[120.15722648305251,41.06412619797882],"二十家子镇":[120.49693834588444,41.26061303679906],"北四家子乡":[120.29363220822506,41.29159156407056],"木头城子镇":[120.0712747742555,41.31430431100612],"根德营子乡":[120.53211342484511,41.14797612098924],"西五家子乡":[120.15602928208199,41.65034045596292],"长在营子乡":[120.23278256847058,41.15283793028166],"黑牛营子乡":[120.26898356067299,41.09742808702887],"乌兰河硕蒙古族乡":[119.94347996412029,41.34031997735369],"六家子镇":[120.25969455924286,40.98892639450256],"古山子镇":[120.27614432844575,41.8025556133613],"松岭门蒙古族乡":[120.70857633143689,41.25325357265181]}

朝阳市朝阳县行政划分代码

[{"name":"大庙镇","code":"211321108000"},{"name":"胜利乡","code":""},{"name":"柳城镇","code":""},{"name":"羊山镇","code":"211321105000"},{"name":"波罗赤镇","code":"211321102000"},{"name":"国营朝阳县贾家店农场","code":"211321400000"},{"name":"杨树湾乡","code":""},{"name":"西营子乡","code":"211321224000"},{"name":"尚志乡","code":"211321232000"},{"name":"台子乡","code":""},{"name":"七道岭乡","code":""},{"name":"东大屯乡","code":"211321220000"},{"name":"东大道乡","code":"211321214000"},{"name":"南双庙乡","code":""},{"name":"王营子乡","code":"211321230000"},{"name":"北沟门子乡","code":"211321212000"},{"name":"瓦房子镇","code":"211321107000"},{"name":"二十家子镇","code":"211321104000"},{"name":"北四家子乡","code":"211321228000"},{"name":"木头城子镇","code":"211321103000"},{"name":"根德营子乡","code":"211321222000"},{"name":"西五家子乡","code":"211321211000"},{"name":"长在营子乡","code":""},{"name":"黑牛营子乡","code":"211321231000"},{"name":"乌兰河硕蒙古族乡","code":"211321215000"},{"name":"六家子镇","code":"211321106000"},{"name":"古山子镇","code":"211321110000"},{"name":"松岭门蒙古族乡","code":"211321221000"}]

说明

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

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

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

朝阳市朝阳县echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts朝阳市朝阳县geoJson地图3d地图自定义贴图-绿色地面实例代码