随着开发 数据大屏可视化 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理湛江市廉江市echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
廉江市，广东省辖县级市，由湛江市代管，位于广东省西南部、雷州半岛北部，西南濒临北部湾 ，总面积2866.83平方千米。2021年末，廉江市户籍人口187.1万人。
echarts湛江市廉江市geoJson地图点击地图获取经纬度
echarts地图渲染后,有时候会需要点击后获取到经纬度信息,通过经纬度信息来查询一些内容,这里我们可以通过convertFromPixel来获取经纬度.
echarts湛江市廉江市geoJson地图 tooltip轮播
echarts地图实现类似tooltip轮播效果,通过effectScatter实现浮窗,并通过定时修改effectScatter的data来实现浮窗的移动.
echarts湛江市廉江市geoJson地图地图排行榜效果
echarts地图根据数据渲染不同颜色的地图,并根据数据大小显示前10名的排序效果,属于地图map类型和柱状图bar类型混合效果
threejs湛江市廉江市geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图,如果想系统的学习threejs的话，可以观看threejs教程视频 Three.js视频教程3D可视化
threejs湛江市廉江市geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果
threejs湛江市廉江市geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁
湛江市廉江市下辖有罗州街道,九洲江开发区,石角镇,石颈镇,良垌镇,营仔镇,车板镇,长山镇,雅塘镇,青平镇,高桥镇,城北街道,城南街道,吉水镇,和寮镇,塘蓬镇,安铺镇,新民镇,横山镇,河唇镇,石城镇,石岭镇
湛江市廉江市下辖区域坐标
{"罗州街道":[110.28797708079671,21.6089865056359],"九洲江开发区":[110.22293799188631,21.64908574845015],"石角镇":[110.40308607449693,21.93134653238305],"石颈镇":[110.02424833283206,21.70061595585355],"良垌镇":[110.39751330792663,21.51423385275164],"营仔镇":[109.92870372919674,21.51347013674359],"车板镇":[109.8378547997099,21.52113158886128],"长山镇":[109.99956848706032,21.81040195312921],"雅塘镇":[110.04925100180594,21.60087990137743],"青平镇":[109.93250508764788,21.64503900681838],"高桥镇":[109.81243494180657,21.59588762724977],"城北街道":[110.275754545383,21.6272525654292],"城南街道":[110.26016299058685,21.58664148569115],"吉水镇":[110.2304006747983,21.6698757119941],"和寮镇":[110.16993493611503,21.84229279360457],"塘蓬镇":[110.13058438171413,21.810702488208],"安铺镇":[109.99746847486583,21.47157192666641],"新民镇":[110.20813617900433,21.55490408036741],"横山镇":[110.1111315266327,21.49887516849071],"河唇镇":[110.38020005897084,21.77371860156151],"石城镇":[110.32926328267756,21.56994091820702],"石岭镇":[110.03909510511001,21.53951434132851]}
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
