可视化数据大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外，也会需要echarts或者threejs效果的地图,今天为大家整理锦州市黑山县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
黑山县，隶属辽宁省锦州市，位于辽宁省西部，锦州市东北端。地处东经121°49′至122°36′，北纬41°29′至42°08′之间。全县面积2498平方千米。黑山县处于温带半湿润区内，属温带大陆性季风气候。截至2021年10月，黑山县辖2个街道、15个镇、4个乡，另辖1个乡级单位。县人民政府驻黑山街道。截至2022年1月，黑山县人口64.38万人。
echarts锦州市黑山县geoJson地图自定义label样式
echarts通过scatter实例可以配置自己想要的图标,以及label文字的样式效果
echarts锦州市黑山县geoJson地图添加柱状图
echarts地图渲染时,为了让地图上的数据有一个对比的效果,会在地图上标注柱状图,以便于更直观的看出各个区域的数值.
echarts锦州市黑山县geoJson地图阴影
echarts地图阴影效果实例,通过shadowColor控制阴影的颜色,通过shadowBlur控制范围,通过shadowOffsetX和shadowOffsetY控制偏移.
threejs锦州市黑山县geoJson地图3d地图
通过threejs绘制的3d地图实例 vue3 threejs 在vue3项目中绘制3d地图效果实例,如果想系统的学习threejs的话，可以观看threejs视频 Three.js视频教程3D可视化
threejs锦州市黑山县geoJson地图3d地图css2d标签
通过threejs绘制的3d地图css2d标签实例，CSS2D面向摄像机,不随场景缩放而缩放 vue3 threejs实现在3d地图中绘制css2d地名
threejs锦州市黑山县geoJson地图3d地图红色描边闪烁警报
通过threejs绘制3d地图使用outlinePass 实现发光描边闪烁效果 以实现警报功能
锦州市黑山县 下辖有 四家子镇,无梁殿镇,英城子乡,励家镇,大兴乡,姜屯镇,常兴镇,太和镇,新兴镇,段家乡,胡家镇,黑山街道,芳山镇,半拉门镇,镇安镇,八道壕镇,大虎山街道,新立屯镇,白厂门镇,绕阳河镇,辽宁省锦州市小东种畜场,薛屯乡
锦州市黑山县下辖区域坐标
{"四家子镇":[122.27222325704538,41.55117593248137],"无梁殿镇":[122.2880227782531,41.87897949006657],"英城子乡":[122.26366270015767,42.01165370489453],"励家镇":[122.32994246960067,41.74253912094429],"大兴乡":[122.35467726139333,41.61935709067556],"姜屯镇":[122.41513575062608,41.71843092461811],"常兴镇":[122.25520272575747,41.67452370298431],"太和镇":[122.08172153103473,41.7878561080807],"新兴镇":[122.46449150695719,41.6386992930327],"段家乡":[122.07618570113735,41.60116298325796],"胡家镇":[122.22026383796546,41.78388438461737],"黑山街道":[122.11871230798533,41.67704326824146],"芳山镇":[122.0546169371793,41.90153091204891],"半拉门镇":[122.43541489043612,41.89573089886999],"镇安镇":[122.07128635981147,41.70354875055304],"八道壕镇":[122.01542546067444,41.79561017289008],"大虎山街道":[122.15969183070774,41.58546909515984],"新立屯镇":[122.16853745093172,42.00354215759101],"白厂门镇":[121.90062265904086,41.80910120537376],"绕阳河镇":[122.43361352294153,41.78051491232179],"辽宁省锦州市小东种畜场":[122.39962307752339,42.02156085527694],"薛屯乡":[122.17781210145213,41.90454089244228]}
锦州市黑山县行政划分代码
[{"name":"四家子镇","code":"210726113000"},{"name":"无梁殿镇","code":"210726108000"},{"name":"英城子乡","code":"210726201000"},{"name":"励家镇","code":"210726105000"},{"name":"大兴乡","code":"210726210000"},{"name":"姜屯镇","code":"210726104000"},{"name":"常兴镇","code":"210726103000"},{"name":"太和镇","code":"210726116000"},{"name":"新兴镇","code":"210726114000"},{"name":"段家乡","code":"210726209000"},{"name":"胡家镇","code":"210726109000"},{"name":"黑山街道","code":"210726001000"},{"name":"芳山镇","code":"210726101000"},{"name":"半拉门镇","code":"210726107000"},{"name":"镇安镇","code":"210726117000"},{"name":"八道壕镇","code":"210726111000"},{"name":"大虎山街道","code":"210726002000"},{"name":"新立屯镇","code":"210726110000"},{"name":"白厂门镇","code":"210726102000"},{"name":"绕阳河镇","code":"210726106000"},{"name":"辽宁省锦州市小东种畜场","code":"210726400000"},{"name":"薛屯乡","code":"210726212000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
