大屏数据可视化 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理葫芦岛市龙港区echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
龙港区,隶属辽宁省葫芦岛市,位于葫芦岛市西南部,介于北纬40°49'~40°39',东经121°02'~120°45'之间,气候属暖温带半湿润大陆性季风气候,四季分明;辖8个街道、1个乡、2个经济区 ,区政府驻玉皇街道,总面积181平方千米。根据第七次人口普查数据,截至2020年11月1日零时,龙港区常住人口为294250人。
echarts葫芦岛市龙港区geoJson地图地图下钻展示
地图下钻展示,点击地图后,只显示当前选中的区域,可点击返回显示全部地图.
echarts葫芦岛市龙港区geoJson地图热力图
echarts通过heatmap实现热力图效果
echarts葫芦岛市龙港区geoJson地图阴影
echarts地图阴影效果实例,通过shadowColor控制阴影的颜色,通过shadowBlur控制范围,通过shadowOffsetX和shadowOffsetY控制偏移.
threejs葫芦岛市龙港区geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图,如果想系统的学习threejs的话,可以观看threejs视频 Three.js 3D可视化
threejs葫芦岛市龙港区geoJson地图3d地图css2d标签
通过threejs绘制的3d地图css2d标签实例,CSS2D面向摄像机,不随场景缩放而缩放 vue3 threejs实现在3d地图中绘制css2d地名
threejs葫芦岛市龙港区geoJson地图3d地图红色描边闪烁警报
通过threejs绘制3d地图使用outlinePass 实现发光描边闪烁效果 以实现警报功能
葫芦岛市龙港区 下辖有 滨海街道,葫芦岛街道,玉皇街道,连湾街道,龙湾街道,望海寺街道,葫芦岛市专利技术园区,葫芦岛经济开发区,东街道,西街道,双树乡,北港街道,双龙街道
葫芦岛市龙港区下辖区域坐标
{"滨海街道":[120.83077336936896,40.69369031390882],"葫芦岛街道":[],"玉皇街道":[120.86958041059731,40.72793862950888],"连湾街道":[120.89040160052858,40.70853301080106],"龙湾街道":[120.86865125733352,40.69957414948797],"望海寺街道":[120.95458605697445,40.70553174167654],"葫芦岛市专利技术园区":[120.79923937930948,40.72597578515656],"葫芦岛经济开发区":[120.94662517803167,40.76028526821356],"东街道":[120.92862175562678,40.71252988513004],"西街道":[120.915042079577,40.71976533603859],"双树乡":[120.78306091463332,40.69287029943463],"北港街道":[120.93848649375403,40.77891777085345],"双龙街道":[120.82476624715181,40.71395396122373]}
葫芦岛市龙港区行政划分代码
[{"name":"滨海街道","code":"211403006000"},{"name":"葫芦岛街道","code":"211403001000"},{"name":"玉皇街道","code":"211403008000"},{"name":"连湾街道","code":"211403009000"},{"name":"龙湾街道","code":"211403005000"},{"name":"望海寺街道","code":""},{"name":"葫芦岛市专利技术园区","code":"211403401000"},{"name":"葫芦岛经济开发区","code":"211403400000"},{"name":"东街道","code":""},{"name":"西街道","code":""},{"name":"双树乡","code":"211403201000"},{"name":"北港街道","code":"211403010000"},{"name":"双龙街道","code":"211403007000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。