echarts广州市花都区geoJson地图自定义label样式演示实例

echarts yekong

随着开发 数据可视化大屏 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理广州市花都区echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。

花都区,广东省 广州市 市辖区,地处广东省中部,珠江三角洲北部,广东广州市北部,东接从化区,南接白云区,西连佛山市三水区、南海区,北邻清远市清城区,有广州市“北大门”、“后花园”以及“中国皮具之都”等美称。全区总面积970.04平方千米,下辖4个街道和6个镇。共有188个行政村,境内大部村落为广府文化范围,也有四分之一的客家居民。根据第七次人口普查数据,截至2020年11月1日零时,花都区常住人口为1642360人。

echarts广州市花都区geoJson地图自定义label样式

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

echarts广州市花都区geoJson地图自定义label样式

echarts广州市花都区geoJson地图迁徙图

echarts飞线图实例,可以根据自己的需要配置飞线的颜色大小以及方向

echarts飞线图实例,可以根据自己的需要配置飞线的颜色大小以及方向

echarts广州市花都区geoJson地图自定义引导线

echarts地图渲染中,会遇到多个地名凑到一块导致名称重叠的情况,这时候我们可以通过一条线指向对应的位置并通过label来进行标注的效果.

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地图自定义贴图加CSS2D标签

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

threejs广州市花都区geoJson地图3d地图自定义贴图加CSS2D标签

广州市花都区下辖有雅瑶镇,梯面镇,炭步镇,狮岭镇,花东镇,花山镇,赤坭镇,新华街道

广州市花都区下辖区域坐标

{"雅瑶镇":[113.21989550683212,23.36755958973696],"梯面镇":[113.27190808689511,23.56000400718678],"炭步镇":[113.08517386557688,23.32657514228073],"狮岭镇":[113.15969906582652,23.48065137645531],"花东镇":[113.23756032379733,23.41442297856494],"花山镇":[113.29139248106839,23.47759759125347],"赤坭镇":[113.03931642012765,23.41532250784896],"新华街道":[113.20266259296636,23.39019740898681]}

说明

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

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

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

广州市花都区echarts地图效果实例和threejs地图效果实例下载

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