大屏数据可视化 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理朝阳市凌源市echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
凌源市,辽宁省辖县级市,由朝阳市代管,位于辽宁省西部、朝阳市西南部,地处辽西低山与丘陵地形区的中部,属温带大陆性季风气候,毗邻7个县(市),总面积3278平方千米。截至2022年10月,凌源市辖5个街道、16个镇、5个乡、1个民族乡。截至2022年末,凌源市户籍总人口61.8万人。
echarts朝阳市凌源市geoJson地图自定义引导线
echarts地图渲染中,会遇到多个地名凑到一块导致名称重叠的情况,这时候我们可以通过一条线指向对应的位置并通过label来进行标注的效果.
echarts朝阳市凌源市geoJson地图点击弹出自定义弹窗
我们可以通过scatter来设置自定义样式,但是这种自定义局限性很大,如果要求的样式很复杂的话,scatter就不能很好的实现了,所以我们可以通过鼠标点击获取横纵坐标,然后通过css来定位到对应的位置.
echarts朝阳市凌源市geoJson地图局部颜色渐变
echarts地图渲染,通过echarts.graphic.LinearGradient线性渐变来实现地图区域颜色的渐变效果
threejs朝阳市凌源市geoJson地图3d地图红色描边闪烁警报
通过threejs绘制3d地图使用outlinePass 实现发光描边闪烁效果 以实现警报功能,如果对threejs感兴趣,可以观看threejs课程视频 WebGL/Three.js前端3D可视化教程
threejs朝阳市凌源市geoJson地图3d地图css2d标签
通过threejs绘制的3d地图css2d标签实例,CSS2D面向摄像机,不随场景缩放而缩放 vue3 threejs实现在3d地图中绘制css2d地名
threejs朝阳市凌源市geoJson地图3d地图自定义贴图加CSS3D标签
通过threejs绘制3d地图并添加CSS3D标签和自定义贴图
朝阳市凌源市 下辖有 四官营子镇,大王杖子乡,凌北街道,北炉乡,东城街道,乌兰白镇,佛爷洞乡,兴源街道,刘杖子乡,北街街道,南街街道,小城子镇,城关街道,大河北乡,宋杖子镇,杨杖子镇,热水汤街道,沟门子镇,河坎子乡,牛营子乡,红山街道,刀尔登镇,前进乡,万元店镇,三家子乡,四合当镇,松岭子镇,瓦房店镇,三十家子镇,三道河子乡
朝阳市凌源市下辖区域坐标
{"四官营子镇":[119.51311019929297,41.05598337125075],"大王杖子乡":[119.24277986991518,41.11805006854541],"凌北街道":[119.38992331291146,41.27277406234222],"北炉乡":[119.27645312668517,41.07004365996227],"东城街道":[119.45158627112954,41.22004445758182],"乌兰白镇":[119.49809080831582,41.14864112132119],"佛爷洞乡":[119.25641824797083,40.73540192910819],"兴源街道":[119.41372387446646,41.30390250524648],"刘杖子乡":[118.99673347116958,40.94910365824211],"北街街道":[119.39010490045953,41.25343447640023],"南街街道":[119.38474225416908,41.23830316932517],"小城子镇":[119.30464536836037,41.30149726969187],"城关街道":[119.35521198460833,41.21917894713452],"大河北乡":[118.94939837165992,40.85132665456177],"宋杖子镇":[119.19160418139103,41.16932548437319],"杨杖子镇":[119.12941684634552,40.71555333496026],"热水汤街道":[119.37086562649995,41.38830727011648],"沟门子镇":[119.31000138143257,40.81339746255765],"河坎子乡":[119.25388874903555,40.65824608069041],"牛营子乡":[119.36799273456828,40.9928371560449],"红山街道":[119.48228742679524,41.28680286221452],"刀尔登镇":[119.12539232475712,40.77558425640105],"前进乡":[119.0662839191867,40.91806960655711],"万元店镇":[119.40906339365893,41.36127907895515],"三家子乡":[119.40045533042348,40.79888348587131],"四合当镇":[119.45674657236569,40.95654859423266],"松岭子镇":[119.20193885112383,40.94141136391525],"瓦房店镇":[119.3849861600668,41.12716003001975],"三十家子镇":[119.05028120676616,41.04274548412803],"三道河子乡":[119.01310240173521,40.79229856937259]}
朝阳市凌源市行政划分代码
[{"name":"四官营子镇","code":"211382107000"},{"name":"大王杖子乡","code":"211382204000"},{"name":"凌北街道","code":""},{"name":"北炉乡","code":"211382210000"},{"name":"东城街道","code":"211382001000"},{"name":"乌兰白镇","code":"211382113000"},{"name":"佛爷洞乡","code":"211382219000"},{"name":"兴源街道","code":""},{"name":"刘杖子乡","code":""},{"name":"北街街道","code":"211382002000"},{"name":"南街街道","code":"211382003000"},{"name":"小城子镇","code":"211382110000"},{"name":"城关街道","code":"211382009000"},{"name":"大河北乡","code":""},{"name":"宋杖子镇","code":"211382102000"},{"name":"杨杖子镇","code":"211382104000"},{"name":"热水汤街道","code":""},{"name":"沟门子镇","code":"211382108000"},{"name":"河坎子乡","code":"211382220000"},{"name":"牛营子乡","code":""},{"name":"红山街道","code":"211382008000"},{"name":"刀尔登镇","code":"211382105000"},{"name":"前进乡","code":"211382206000"},{"name":"万元店镇","code":"211382101000"},{"name":"三家子乡","code":""},{"name":"四合当镇","code":"211382111000"},{"name":"松岭子镇","code":"211382106000"},{"name":"瓦房店镇","code":"211382114000"},{"name":"三十家子镇","code":"211382103000"},{"name":"三道河子乡","code":""}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。