数据大屏可视化 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理大庆市肇源县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
肇源县是 黑龙江省 大庆市 的一个县原名后郭尔罗斯,位于黑龙江省西南部、松嫩两江左岸,长春、哈尔滨、大庆“金三角”的中心,隶属于大庆市。是金太祖“肇基王绩”之地,有着6000多年的文明,幅员面积4119.5平方公里。肇源县一个多民族县份,21个民族,辖16个乡镇,6个农林牧渔场。根据第七次人口普查数据,截至2020年11月1日零时,肇源县常住人口为330340人。
echarts大庆市肇源县geoJson地图点击跳转到指定页面
为图标添加点击事件,点击图标,跳转到指定页面
echarts大庆市肇源县geoJson地图热力图
echarts通过heatmap实现热力图效果
echarts大庆市肇源县geoJson地图局部颜色渐变
echarts地图渲染,通过echarts.graphic.LinearGradient线性渐变来实现地图区域颜色的渐变效果
threejs大庆市肇源县geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图,如果对threejs感兴趣,可以观看threejs视频 WebGL/Three.js前端3D可视化教程
threejs大庆市肇源县geoJson地图3d地图红色描边闪烁警报
通过threejs绘制3d地图使用outlinePass 实现发光描边闪烁效果 以实现警报功能
threejs大庆市肇源县geoJson地图3d地图
通过threejs绘制的3d地图实例
大庆市肇源县 下辖有 古恰镇,浩德乡,民意乡,肇源镇,茂兴镇,超等乡,古龙镇,和平乡,新立良种繁育场,薄荷台乡,果树示范场,立陡山良种场,经济作物示范场,茂兴湖水产养殖场,三站镇,义顺乡,二站镇,大兴乡,头台镇,新站镇,福兴乡,肇源农场,种畜场
大庆市肇源县下辖区域坐标
{"古恰镇":[124.89063764143324,45.53047899567824],"浩德乡":[124.53242798289246,45.72529262966034],"民意乡":[124.44812595897066,45.50202597629165],"肇源镇":[125.0992261755834,45.48397900574297],"茂兴镇":[124.56137883737497,45.54483520245655],"超等乡":[124.71485923157219,45.55483197581046],"古龙镇":[124.158850850884,45.81875915851337],"和平乡":[125.115111992131,45.58298319811439],"新立良种繁育场":[125.24065605476942,45.46163718551357],"薄荷台乡":[125.44471519397217,45.52915261072908],"果树示范场":[125.13498606280446,45.50366560333632],"立陡山良种场":[124.09318638320872,45.86088562964788],"经济作物示范场":[124.38257192980828,45.73086488887427],"茂兴湖水产养殖场":[124.57457722854477,45.45788134595837],"三站镇":[125.63653967996851,45.57404890690191],"义顺乡":[124.39854380494435,45.88256128381531],"二站镇":[125.30069226614086,45.50951468513182],"大兴乡":[124.73714224673819,45.73685250248404],"头台镇":[124.89802865715427,45.68106203500206],"新站镇":[124.31411381190205,45.67624175607924],"福兴乡":[125.60739575791729,45.62640910219658],"肇源农场":[124.22104528979324,45.66231874503769],"种畜场":[124.65854381087297,45.66995807791324]}
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。