大屏数据可视化 项目中经常会遇到需要渲染echarts地图的情况，为了方便不同城市快速实现效果，将不同城市的echarts地图效果整理出来，供大家参考，今天为大家整理的是绥化市海伦市echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
海伦市，黑龙江省辖县级市，由绥化市代管，位于黑龙江省中部、绥化市北部，境内南起北纬46°58'，北至北纬47°52'，西起东经126°14'，东至东经127°45'。海伦市属温带大陆性季风气候，冬季漫长寒冷，夏季短促温润。总面积4667平方千米。根据第七次人口普查数据，截至2020年11月1日零时，海伦市常住人口为480216人。截至2022年10月，辖16个镇、7个乡。市人民政府驻海伦镇新大道。
echarts绥化市海伦市geoJson地图热力图
echarts通过heatmap实现热力图效果
echarts绥化市海伦市geoJson地图区域闪烁
echarts地图有时候为了突出某一块区域的重要性,会进行两个颜色的交替变化来告诉用户这一块需要重点关注,我们可以通过echarts的dispatchAction来实现我们想要的效果.
echarts绥化市海伦市geoJson地图根据经纬度显示自定义html弹窗
echarts地图我们可以通过像素坐标来将我们自定义的html弹窗定位到echarts地图指定位置,如果是固定的宽高的话,这没什么问题直接定位就可以了,如果是自适应宽高的地图我们可能没办法控制精度,我们可以使用经纬度来控制,当echarts地图渲染完成以后,我们可以通过convertToPixel将经纬度转为像素坐标,然后再渲染自定义弹窗,这样精度就比较准确了,而且也不会因为窗体宽高变化而导致弹窗出现偏移.
threejs绥化市海伦市geoJson地图3d地图红色描边闪烁警报
通过threejs绘制3d地图使用outlinePass 实现发光描边闪烁效果 以实现警报功能,如果想系统的学习threejs的话，可以观看threejs课程视频 Three.js视频教程3D可视化
threejs绥化市海伦市geoJson地图3d地图添加金色效果
通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰
threejs绥化市海伦市geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例，CSS3D不面向摄像机，跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小
绥化市海伦市 下辖有 东林乡,伦河镇,丰山乡,共合镇,祥富镇,福民乡,长发乡,前进乡,海兴镇,海伦二粮种场,东方红水库地区,东风镇,共荣乡,双录乡,永和乡,海伦镇,扎音河乡,红光农场,海伦种畜场,乐业乡,联发乡,向荣乡,永富乡,海北镇,海南乡,爱民乡,百祥乡,林场公司,海伦农场
绥化市海伦市下辖区域坐标
{"东林乡":[127.14188780293408,47.50223182000805],"伦河镇":[126.38286746739826,47.11691811262466],"丰山乡":[126.54540980402857,47.17630752168586],"共合镇":[126.64493563092915,47.34438529744829],"祥富镇":[126.76279285742638,47.26525108836294],"福民乡":[126.69624893397938,47.13898989003332],"长发乡":[126.91787428806015,47.52721428955503],"前进乡":[126.82814634676518,47.40916151841765],"海兴镇":[126.68872323668631,47.23367944079415],"海伦二粮种场":[127.17360843399052,47.58183544800017],"东方红水库地区":[127.17831809403509,47.64231035039445],"东风镇":[127.06601259091093,47.38900454180406],"共荣乡":[126.88126101950257,47.1892546443411],"双录乡":[127.06614357130519,47.64822975465276],"永和乡":[126.59232494296499,47.45596868788384],"海伦镇":[126.95925984337819,47.46346285657089],"扎音河乡":[126.9527379883274,47.64786446671188],"红光农场":[127.33830366060991,47.61292973805492],"海伦种畜场":[127.1694173759106,47.6276156241989],"乐业乡":[126.93894575465164,47.3284560418911],"联发乡":[126.49003286883988,47.32811737307843],"向荣乡":[126.78018747504404,47.5056814135324],"永富乡":[126.39672938676802,47.0240096097841],"海北镇":[126.80633331834204,47.64488952112054],"海南乡":[127.01242465341326,47.2593401067561],"爱民乡":[126.6243116979438,47.58159000493972],"百祥乡":[126.42563096438246,47.2206078537259],"林场公司":[127.19595558140958,47.56316840855804],"海伦农场":[127.22707408439197,47.72493761531228]}
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
