数据大屏 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是江门市台山市echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
台山市,广东省 辖县级市,由 江门市 代管。位于珠江三角洲西南部,地处粤港澳大湾区和海上丝绸之路重要节点,陆地总面积3308.24平方公里。2021年末,台山市户籍总人口96.27万人。截至2022年10月,台山市下辖1个街道、16个镇。 台山市人民政府驻台城街道中山路23号。
echarts江门市台山市geoJson地图指定区域高亮
echarts让指定区域变为选中高亮状态
echarts江门市台山市geoJson地图3d地图
使用的是echarts-gl结合echarts实现的3d地图效果实例
echarts江门市台山市geoJson地图点击弹出自定义弹窗
我们可以通过scatter来设置自定义样式,但是这种自定义局限性很大,如果要求的样式很复杂的话,scatter就不能很好的实现了,所以我们可以通过鼠标点击获取横纵坐标,然后通过css来定位到对应的位置.
threejs江门市台山市geoJson地图3d地图
通过threejs绘制的3d地图实例,如果对threejs感兴趣,可以观看threejs视频课程 WebGL 3D可视化教程
threejs江门市台山市geoJson地图3d地图添加金色效果
通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰
threejs江门市台山市geoJson地图3d地图自定义贴图加CSS3D标签
通过threejs绘制3d地图并添加CSS3D标签和自定义贴图
江门市台山市下辖有三合镇,冲蒌镇,北陡镇,四九镇,大江镇,川岛镇,广海镇,斗山镇,水步镇,华侨农场,台城街道,汶村镇,海宴镇,深井镇,白沙镇,端芬镇,赤溪镇,都斛镇
江门市台山市下辖区域坐标
{"三合镇":[112.68686965292643,22.14438211838689],"冲蒌镇":[112.82859053804498,22.12912451739911],"北陡镇":[112.35935958440527,21.81913458105558],"四九镇":[112.89413608182299,22.23180497147066],"大江镇":[112.80918423009075,22.39522483311467],"川岛镇":[112.35837212650043,21.46203336261777],"广海镇":[112.76315701347087,21.93171227439949],"斗山镇":[112.84878832400426,22.05982166434885],"水步镇":[112.80828948173877,22.34869752078643],"华侨农场":[112.53091426865308,21.79282799309874],"台城街道":[112.76078423723243,22.25538550953473],"汶村镇":[112.48314149655076,21.86358839260799],"海宴镇":[112.59774330483233,21.83385622311602],"深井镇":[112.47587542445496,22.01756846511285],"白沙镇":[112.64852882735362,22.25264888073189],"端芬镇":[112.67257375444272,22.01877734000726],"赤溪镇":[113.02552307825715,21.77280702774347],"都斛镇":[112.96291542277427,22.08031448378613]}
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。