可视化数据大屏 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理揭阳市榕城区echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
榕城区,广东省 揭阳市 辖区,位于广东省东部,地处潮汕平原中部,榕江流域中段,背倚黄岐山,周环榕江。现辖17个镇(街),共205个村(社区),总面积347平方公里,户籍人口约101万人,常住人口约112万。
echarts揭阳市榕城区geoJson地图点击地图插小旗
echarts地图渲染点击地图显示自定义效果实例,效果类似点击插小旗的效果,通过scatter实现.
echarts揭阳市榕城区geoJson地图水滴状气泡图
echarts地图渲染时,会通过一个水滴状小气泡来将数值渲染到地图上,我们可以可以通过scatter来实现我们想要的效果.
echarts揭阳市榕城区geoJson地图点击地图获取经纬度
echarts地图渲染后,有时候会需要点击后获取到经纬度信息,通过经纬度信息来查询一些内容,这里我们可以通过convertFromPixel来获取经纬度.
threejs揭阳市榕城区geoJson地图3d地图添加金色效果
通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰,如果对threejs感兴趣,可以观看threejs课程视频 Three.js视频教程3D可视化
threejs揭阳市榕城区geoJson地图3d地图css2d标签
通过threejs绘制的3d地图css2d标签实例,CSS2D面向摄像机,不随场景缩放而缩放,如果对threejs感兴趣
threejs揭阳市榕城区geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁
揭阳市榕城区下辖有新兴街道,西马街道,东阳街道,梅云街道,榕东街道,榕华街道,地都镇,渔湖镇,仙桥街道,炮台镇,登岗镇,中山街道,东兴街道,东升街道
揭阳市榕城区下辖区域坐标
{"新兴街道":[116.36310518593913,23.53121391391365],"西马街道":[116.3346388645308,23.54144335442719],"东阳街道":[116.34509926911976,23.58258613794548],"梅云街道":[116.30732481524842,23.51478588802667],"榕东街道":[116.38959842561627,23.54563245267018],"榕华街道":[116.36368767333911,23.5434926004237],"地都镇":[116.54534727728755,23.43613130217735],"渔湖镇":[116.42087953490909,23.52009672292044],"仙桥街道":[116.33422973210003,23.49048225025849],"炮台镇":[116.49635365242472,23.52045316631282],"登岗镇":[116.52353729417169,23.54305998526763],"中山街道":[116.3482778711735,23.5366885960421],"东兴街道":[116.34972775767872,23.55619088851974],"东升街道":[116.37656155589272,23.57066068433648]}
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。