echarts肇庆市四会市geoJson地图热力图效果实例

echarts yekong

数据大屏 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是肇庆市四会市echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。

四会市,广东省 辖县级市,由 肇庆市 代管。因境内四水(西江、北江、绥江和龙江)会流之地,故名“四会”。位于广东省中部、肇庆以东,珠江三角洲西北边缘,地处西、北、绥三江下游,北回归线将全境南北一分为二。东与佛山市三水区交界,南与鼎湖区相连,西南与高要区相邻,西北与广宁县接壤,东北与清远市清新区毗邻,属珠江三角洲经济区范围。全市总面积1166.38平方千米。2021年末,四会市户籍人口43.38万人;常住人口52.91万人。

echarts肇庆市四会市geoJson地图热力图

echarts通过heatmap实现热力图效果

echarts肇庆市四会市geoJson地图热力图

echarts肇庆市四会市geoJson地图添加柱状图

echarts地图渲染时,为了让地图上的数据有一个对比的效果,会在地图上标注柱状图,以便于更直观的看出各个区域的数值.

echarts肇庆市四会市geoJson地图添加柱状图

echarts肇庆市四会市geoJson地图点击地图获取经纬度

echarts地图渲染后,有时候会需要点击后获取到经纬度信息,通过经纬度信息来查询一些内容,这里我们可以通过convertFromPixel来获取经纬度.

echarts肇庆市四会市geoJson地图点击地图获取经纬度

threejs肇庆市四会市geoJson地图3d地图CSS2D外加旋转棱锥

通过threejs绘制3d地图CSS2D外加旋转棱锥效果,如果想系统的学习threejs的话,可以观看threejs教程视频 WebGL前端3D可视化教程

threejs肇庆市四会市geoJson地图3d地图CSS2D外加旋转棱锥

threejs肇庆市四会市geoJson地图3d地图CSS3D标签

通过threejs绘制的3d地图CSS3D标签实例,CSS3D不面向摄像机,跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小

threejs肇庆市四会市geoJson地图3d地图CSS3D标签

threejs肇庆市四会市geoJson地图3d地图自定义贴图加CSS3D标签

通过threejs绘制3d地图并添加CSS3D标签和自定义贴图

threejs肇庆市四会市geoJson地图3d地图自定义贴图加CSS3D标签

肇庆市四会市下辖有下茆镇,地豆镇,大沙镇,威整镇,江谷镇,石狗镇,罗源镇,迳口镇,黄田镇,龙甫镇,东城街道,城中街道,贞山街道,广东省济广监狱,肇庆高新技术产业开发区

肇庆市四会市下辖区域坐标

{"下茆镇":[112.65977648168831,23.45962144798223],"地豆镇":[112.71044793641123,23.56865104456363],"大沙镇":[112.76636581293681,23.26091562397436],"威整镇":[112.73631724272957,23.64174630723557],"江谷镇":[112.63638927604012,23.5198555897197],"石狗镇":[112.52432156666754,23.39125685472178],"罗源镇":[112.7629134918133,23.57504564114619],"迳口镇":[112.79141428165767,23.48992039058599],"黄田镇":[112.51456354546355,23.4294446652441],"龙甫镇":[112.73562943874094,23.420002048841],"东城街道":[112.74465418016754,23.33418084324209],"城中街道":[112.6446057436921,23.37141081237025],"贞山街道":[112.6061475138608,23.32267611770365],"广东省济广监狱":[112.62368232837966,23.38629300124562],"肇庆高新技术产业开发区":[112.83018302561038,23.31914113791731]}

说明

1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。

2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。

3、本数据仅用于echarts threejs地图效果展示。

肇庆市四会市echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts肇庆市四会市geoJson地图热力图效果实例