echarts湛江市廉江市geoJson地图点击地图获取经纬度效果

echarts yekong

随着开发 数据大屏可视化 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理湛江市廉江市echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。

廉江市,广东省辖县级市,由湛江市代管,位于广东省西南部、雷州半岛北部,西南濒临北部湾 ,总面积2866.83平方千米。2021年末,廉江市户籍人口187.1万人。

echarts湛江市廉江市geoJson地图点击地图获取经纬度

echarts地图渲染后,有时候会需要点击后获取到经纬度信息,通过经纬度信息来查询一些内容,这里我们可以通过convertFromPixel来获取经纬度.

echarts湛江市廉江市geoJson地图点击地图获取经纬度

echarts湛江市廉江市geoJson地图 tooltip轮播

echarts地图实现类似tooltip轮播效果,通过effectScatter实现浮窗,并通过定时修改effectScatter的data来实现浮窗的移动.

echarts湛江市廉江市geoJson地图 tooltip轮播

echarts湛江市廉江市geoJson地图地图排行榜效果

echarts地图根据数据渲染不同颜色的地图,并根据数据大小显示前10名的排序效果,属于地图map类型和柱状图bar类型混合效果

echarts湛江市廉江市geoJson地图地图排行榜效果

threejs湛江市廉江市geoJson地图3d地图自定义贴图加CSS2D标签

通过threejs绘制3d地图并添加CSS2D标签和自定义贴图,如果想系统的学习threejs的话,可以观看threejs教程视频 Three.js视频教程3D可视化

threejs湛江市廉江市geoJson地图3d地图自定义贴图加CSS2D标签

threejs湛江市廉江市geoJson地图3d地图添加描边效果

通过threejs绘制3d地图使用outlinePass 实现发光描边效果

threejs湛江市廉江市geoJson地图3d地图添加描边效果

threejs湛江市廉江市geoJson地图3d地图指定区域闪烁

通过threejs绘制3d地图并让指定区域闪烁

threejs湛江市廉江市geoJson地图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地图效果展示。

湛江市廉江市echarts地图效果实例和threejs地图效果实例下载

喜欢