数据可视化大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外，也会需要echarts或者threejs效果的地图,今天为大家整理南平市延平区echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts南平市延平区geoJson地图水滴状气泡图
echarts地图渲染时,会通过一个水滴状小气泡来将数值渲染到地图上,我们可以可以通过scatter来实现我们想要的效果.
echarts南平市延平区geoJson地图点击地图插小旗
echarts地图渲染点击地图显示自定义效果实例,效果类似点击插小旗的效果,通过scatter实现.
echarts南平市延平区geoJson地图圆形波纹状气泡图
echarts地图渲染时,会通过effectScatter实现一个圆形外加波纹扩散效果的气泡来使页面看起来更酷炫.
threejs南平市延平区geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮,如果对threejs感兴趣，可以观看threejs视频教程 Three.js前端3D可视化
threejs南平市延平区geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果
南平市延平区 下辖有 王台镇,茫荡镇,西芹镇,赤门乡,梅山街道,南山镇,四鹤街道,紫云街道,黄墩街道,塔前镇,夏道镇,大横镇,太平镇,峡阳镇,巨口乡,来舟镇,樟湖镇,洋后镇,炉下镇,水东街道,水南街道
南平市延平区下辖区域坐标
{"王台镇":[117.93338013560586,26.65656701448788],"茫荡镇":[118.09632479958394,26.71884903597771],"西芹镇":[118.07824695260385,26.53334535433843],"赤门乡":[118.46666499833074,26.57146838260638],"梅山街道":[118.16944941861163,26.64956704392992],"南山镇":[118.36794398904476,26.63125641163026],"四鹤街道":[118.12846165001436,26.61965174557125],"紫云街道":[118.16151287263617,26.64646859123095],"黄墩街道":[118.13192962018667,26.67332658280515],"塔前镇":[118.17035466276043,26.43211832480427],"夏道镇":[118.23869611028638,26.54643305213267],"大横镇":[118.2378318834883,26.76187820149931],"太平镇":[118.39974796612879,26.48689806601399],"峡阳镇":[117.9983828074342,26.78853341234184],"巨口乡":[118.54037582925665,26.52040638158751],"来舟镇":[118.00001941188641,26.62086426763012],"樟湖镇":[118.54509111106455,26.35900427936554],"洋后镇":[118.52495716215319,26.64386850066287],"炉下镇":[118.29371266701844,26.48509179289714],"水东街道":[118.22859424448157,26.62922642298019],"水南街道":[118.17422478196501,26.58655679687346]}
南平市延平区行政划分代码
[{"name":"王台镇","code":"350702107000"},{"name":"茫荡镇","code":"350702110000"},{"name":"西芹镇","code":"350702103000"},{"name":"赤门乡","code":"350702202000"},{"name":"梅山街道","code":"350702001000"},{"name":"南山镇","code":"350702105000"},{"name":"四鹤街道","code":"350702004000"},{"name":"紫云街道","code":"350702003000"},{"name":"黄墩街道","code":"350702002000"},{"name":"塔前镇","code":"350702109000"},{"name":"夏道镇","code":"350702102000"},{"name":"大横镇","code":"350702106000"},{"name":"太平镇","code":"350702108000"},{"name":"峡阳镇","code":"350702104000"},{"name":"巨口乡","code":"350702200000"},{"name":"来舟镇","code":"350702100000"},{"name":"樟湖镇","code":"350702101000"},{"name":"洋后镇","code":"350702111000"},{"name":"炉下镇","code":"350702112000"},{"name":"水东街道","code":"350702006000"},{"name":"水南街道","code":"350702005000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
