可视化数据大屏 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是广州市荔湾区echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
荔湾区,隶属 广东省 广州市 。是广州市老城区之一。位于广州市西部、北回归线南侧。东北部与越秀区相连,东南部与海珠区、番禺区隔江相望,北部、西北部与白云区相邻,西部、南部与佛山市南海区接壤。总面积59.1平方千米。2021年,荔湾区常住人口112.96万人。户籍总人口78.30万人。截至2021年10月,荔湾区下辖22条街道,区政府驻石围塘街芳村大道西2号。
echarts广州市荔湾区geoJson地图label自定义样式
echarts通过scatter实例可以配置自己想要的图标,以及label文字的样式效果
echarts广州市荔湾区geoJson地图 visualMap控制地图颜色
echarts地图使用visualMap通过一组颜色及一组数据来实现地图不同区域根据不同数据进行颜色变化
echarts广州市荔湾区geoJson地图添加柱状图
echarts地图渲染时,为了让地图上的数据有一个对比的效果,会在地图上标注柱状图,以便于更直观的看出各个区域的数值.
threejs广州市荔湾区geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果,如果想系统的学习threejs的话,可以观看threejs视频课程 WebGL/Three.js前端高薪3D可视化
threejs广州市荔湾区geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果
threejs广州市荔湾区geoJson地图3d地图添加金色效果
通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰
广州市荔湾区下辖有逢源街道,多宝街道,海龙街道,昌华街道,桥中街道,岭南街道,彩虹街道,西村街道,金花街道,龙津街道,东沙街道,华林街道,东漖街道,中南街道,南源街道,花地街道,冲口街道,站前街道,茶滘街道,白鹤洞街道,石围塘街道,沙面街道
广州市荔湾区下辖区域坐标
{"逢源街道":[113.23643706176821,23.12434803386812],"多宝街道":[113.22970679670388,23.11423584580216],"海龙街道":[113.1934560129555,23.07293060061869],"昌华街道":[113.22638017942538,23.12130472582261],"桥中街道":[113.2135407091287,23.13350968385497],"岭南街道":[113.24231347488603,23.11333274119198],"彩虹街道":[113.23319086618548,23.13335116076646],"西村街道":[113.23506329218307,23.15051666881733],"金花街道":[113.24297536506793,23.13103441675701],"龙津街道":[113.24545701101141,23.12445943579272],"东沙街道":[113.24928560835905,23.06277637240902],"华林街道":[113.24190719809387,23.11749279859756],"东漖街道":[113.22677837805153,23.0707196307913],"中南街道":[113.21163362247333,23.05694297903726],"南源街道":[113.2283359300778,23.13765349786507],"花地街道":[113.22870703257563,23.10175376869304],"冲口街道":[113.23383897157528,23.08449987582571],"站前街道":[113.2423061301224,23.14465969339524],"茶滘街道":[113.21880998709051,23.09235146772294],"白鹤洞街道":[113.23847477581211,23.07433037839417],"石围塘街道":[113.21332173657753,23.11244408738425],"沙面街道":[113.23932717457879,23.10852299782099]}
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。