echarts潮州市湘桥区geoJson地图自定义label样式代码演示

echarts yekong

数据大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外,也会需要echarts或者threejs效果的地图,今天为大家整理潮州市湘桥区echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。

湘桥区,隶属 广东省 潮州市 ,是潮州市的中心城区,地处韩江中下游,因域内有中国四大古桥之一的“湘子桥”而得名,辖区总面积325.35平方千米。湘桥区属南亚热带海洋性季风气候,雨量充沛,气候温和,夏长冬短,日照充足。截至2021年初,湘桥区辖5个街道、4个镇,3个其它行政单位,区政府驻凤新街道。 根据第七次人口普查数据,截至2020年11月1日零时,湘桥区常住人口为575795人。

echarts潮州市湘桥区geoJson地图自定义label样式

echarts通过scatter实例可以配置自己想要的图标,以及label文字的样式效果

echarts潮州市湘桥区geoJson地图自定义label样式

echarts潮州市湘桥区geoJson地图区域闪烁

echarts地图有时候为了突出某一块区域的重要性,会进行两个颜色的交替变化来告诉用户这一块需要重点关注,我们可以通过echarts的dispatchAction来实现我们想要的效果.

echarts潮州市湘桥区geoJson地图区域闪烁

echarts潮州市湘桥区geoJson地图定义颜色

echarts地图通过visualMap来事先设置好数据区间,根据区间来来显示地图的颜色,这里的visualMap数据是随机生成的,可以通过实例代码根据自己的需要配置颜色和数据区间.

echarts潮州市湘桥区geoJson地图定义颜色

threejs潮州市湘桥区geoJson地图3d地图

通过threejs绘制的3d地图实例,如果想系统的学习threejs的话,可以观看threejs视频课程 WebGL/Three.js前端高薪3D可视化

threejs潮州市湘桥区geoJson地图3d地图

threejs潮州市湘桥区geoJson地图3d地图指定区域闪烁

通过threejs绘制3d地图并让指定区域闪烁

threejs潮州市湘桥区geoJson地图3d地图指定区域闪烁

threejs潮州市湘桥区geoJson地图3d地图自定义贴图加CSS3D标签

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

threejs潮州市湘桥区geoJson地图3d地图自定义贴图加CSS3D标签

潮州市湘桥区下辖有金山街道,凤新街道,红山林场,西湖街道,官塘镇,城西街道,开发区,桥东街道,意溪镇,湘桥街道,磷溪镇,铁铺镇,太平街道,西新街道,南春街道

潮州市湘桥区下辖区域坐标

{"金山街道":[116.6431261084011,23.67700756369576],"凤新街道":[116.59890114418866,23.69228233970488],"红山林场":[116.69933225349747,23.67761854876995],"西湖街道":[116.6369352179004,23.67149452274908],"官塘镇":[116.74675438072542,23.63534607059075],"城西街道":[116.63402014266387,23.65946332023092],"开发区":[116.59450518228753,23.68231654466327],"桥东街道":[116.67466785893022,23.66499014855126],"意溪镇":[116.68380731900841,23.71868324675711],"湘桥街道":[116.64626751170081,23.66870745983907],"磷溪镇":[116.70921739139158,23.66741129471],"铁铺镇":[116.78566361979864,23.64528958731379],"太平街道":[116.64466104083823,23.66159988542249],"西新街道":[116.63526956500077,23.66502028079873],"南春街道":[116.6373023813463,23.65554849434097]}

说明

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

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

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

潮州市湘桥区echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts潮州市湘桥区geoJson地图自定义label样式代码演示