随着开发 数据可视化大屏 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理广州市花都区echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
花都区,广东省 广州市 市辖区,地处广东省中部,珠江三角洲北部,广东广州市北部,东接从化区,南接白云区,西连佛山市三水区、南海区,北邻清远市清城区,有广州市“北大门”、“后花园”以及“中国皮具之都”等美称。全区总面积970.04平方千米,下辖4个街道和6个镇。共有188个行政村,境内大部村落为广府文化范围,也有四分之一的客家居民。根据第七次人口普查数据,截至2020年11月1日零时,花都区常住人口为1642360人。
echarts广州市花都区geoJson地图自定义label样式
echarts通过scatter实例可以配置自己想要的图标,以及label文字的样式效果
echarts广州市花都区geoJson地图迁徙图
echarts飞线图实例,可以根据自己的需要配置飞线的颜色大小以及方向
echarts广州市花都区geoJson地图自定义引导线
echarts地图渲染中,会遇到多个地名凑到一块导致名称重叠的情况,这时候我们可以通过一条线指向对应的位置并通过label来进行标注的效果.
threejs广州市花都区geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮,如果对threejs感兴趣,可以观看threejs教程视频 WebGL/Three.js前端3D可视化教程
threejs广州市花都区geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁
threejs广州市花都区geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制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地图效果展示。