数据大屏可视化 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是金华市磐安县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts金华市磐安县geoJson地图圆形波纹状气泡图
echarts地图渲染时,会通过effectScatter实现一个圆形外加波纹扩散效果的气泡来使页面看起来更酷炫.
echarts金华市磐安县geoJson地图点击地图插小旗
echarts地图渲染点击地图显示自定义效果实例,效果类似点击插小旗的效果,通过scatter实现.
echarts金华市磐安县geoJson地图阴影
echarts地图阴影效果实例,通过shadowColor控制阴影的颜色,通过shadowBlur控制范围,通过shadowOffsetX和shadowOffsetY控制偏移.
threejs金华市磐安县geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁,如果对threejs感兴趣,可以观看threejs教程视频 Three.js 3D可视化
threejs金华市磐安县geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图
threejs金华市磐安县geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例,CSS3D不面向摄像机,跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小 Vue3 threejs 在3d地图中绘制css3d标签标注省份
金华市磐安县 下辖有 九和乡,仁川镇,方前镇,玉山镇,窈川乡,冷水镇,双峰乡,双溪乡,大盘镇,安文街道,尚湖镇,尖山镇,盘峰乡,新渥街道
金华市磐安县下辖区域坐标
{"九和乡":[120.59070253210766,29.18445364521257],"仁川镇":[120.42862808404814,28.88822010682917],"方前镇":[120.64791136346452,29.03577311816338],"玉山镇":[120.64922332906187,29.23063010093494],"窈川乡":[120.56912201974157,29.10328969473534],"冷水镇":[120.33945422641911,28.90381868918147],"双峰乡":[120.4686713912019,28.93619123492275],"双溪乡":[120.51675415987094,29.11784788331781],"大盘镇":[120.56694540394707,29.00312998898327],"安文街道":[120.48944577058458,29.02821418901953],"尚湖镇":[120.66097979363045,29.12665673264632],"尖山镇":[120.71542716526109,29.23510811280535],"盘峰乡":[120.58106481547293,28.92175023528984],"新渥街道":[120.40001987784011,28.97196468783411]}
金华市磐安县行政划分代码
[{"name":"九和乡","code":"330727211000"},{"name":"仁川镇","code":"330727103000"},{"name":"方前镇","code":"330727105000"},{"name":"玉山镇","code":"330727106000"},{"name":"窈川乡","code":"330727205000"},{"name":"冷水镇","code":"330727108000"},{"name":"双峰乡","code":"330727201000"},{"name":"双溪乡","code":"330727203000"},{"name":"大盘镇","code":"330727104000"},{"name":"安文街道","code":"330727001000"},{"name":"尚湖镇","code":"330727107000"},{"name":"尖山镇","code":"330727109000"},{"name":"盘峰乡","code":"330727212000"},{"name":"新渥街道","code":"330727002000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看