echarts梅州市丰顺县geoJson地图3d地图代码演示

echarts yekong

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

丰顺县,广东省 梅州市 辖县,位于广东省东部、梅州市南端,东毗潮州,南邻揭阳,毗邻潮汕地区。清乾隆三年(1738年)建置。素有“梅州南大门,潮汕后花园”之称。2019年,丰顺县辖16个镇、1个国有农场,行政区域面积2710.22平方千米。根据第七次人口普查数据,截至2020年11月1日零时,丰顺县常住人口478731人。有50万华侨遍布30多个国家和地区。朱德、陈毅、林彪、罗荣桓、聂荣臻、粟裕等著名将领曾在此留下战斗足迹,八乡山是东江苏维埃政府和红十一军诞生地。

echarts梅州市丰顺县geoJson地图3d地图

使用的是echarts-gl结合echarts实现的3d地图效果实例

echarts梅州市丰顺县geoJson地图3d地图

echarts梅州市丰顺县geoJson地图水滴状气泡图

echarts地图渲染时,会通过一个水滴状小气泡来将数值渲染到地图上,我们可以可以通过scatter来实现我们想要的效果.

echarts梅州市丰顺县geoJson地图水滴状气泡图

echarts梅州市丰顺县geoJson地图局部颜色渐变

echarts地图渲染,通过echarts.graphic.LinearGradient线性渐变来实现地图区域颜色的渐变效果

echarts梅州市丰顺县geoJson地图局部颜色渐变

threejs梅州市丰顺县geoJson地图3d地图添加旋转棱锥

通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例,如果想系统的学习threejs的话,可以观看threejs教程视频 WebGL/Three.js前端高薪3D可视化

threejs梅州市丰顺县geoJson地图3d地图添加旋转棱锥

threejs梅州市丰顺县geoJson地图3d地图添加金色效果

通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰

threejs梅州市丰顺县geoJson地图3d地图添加金色效果

threejs梅州市丰顺县geoJson地图3d地图鼠标移入显示标签并高亮

通过threejs绘制的3d地图鼠标移入显示标签并高亮

threejs梅州市丰顺县geoJson地图3d地图鼠标移入显示标签并高亮

梅州市丰顺县下辖有丰良镇,北斗镇,小胜镇,埔寨镇,建桥镇,潘田镇,汤南镇,汤坑镇,汤西镇,潭江镇,留隍镇,砂田镇,黄金镇,龙岗镇,八乡山镇,埔寨农场,大龙华镇

梅州市丰顺县下辖区域坐标

{"丰良镇":[116.20393965764265,23.94847526564192],"北斗镇":[116.08887441010411,23.85788156108182],"小胜镇":[116.45295966206223,24.05940853901785],"埔寨镇":[116.09664965684087,23.66233358548134],"建桥镇":[116.09791587757204,23.91132000699895],"潘田镇":[116.31800888398102,23.90791195413541],"汤南镇":[116.18363849267509,23.7209416093336],"汤坑镇":[116.23150114115245,23.80762403714608],"汤西镇":[116.07404220070822,23.74533211920001],"潭江镇":[116.58214777832205,24.06463731543485],"留隍镇":[116.47552109895025,23.87471747007202],"砂田镇":[116.42398808203828,24.16104630411998],"黄金镇":[116.36790954430978,23.99565883073359],"龙岗镇":[116.22817186662782,24.05092630260959],"八乡山镇":[115.93974802486395,23.71975056973757],"埔寨农场":[116.11219823936594,23.63715616357874],"大龙华镇":[116.31824510341013,24.1163358135482]}

说明

1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。

2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。

3、本数据仅用于echarts threejs地图效果展示。

梅州市丰顺县echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts梅州市丰顺县geoJson地图3d地图代码演示