echarts湛江市徐闻县geoJson地图地图排行榜效果效果实例

echarts yekong

可视化大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外,也会需要echarts或者threejs效果的地图,今天为大家整理湛江市徐闻县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。

徐闻县,隶属 广东省 湛江市 ,位于中国大陆最南端,南临琼州海峡,与海南岛隔海相望,东滨南海,西濒北部湾,北与雷州市接壤。介于东经109°52′至110°35′,北纬20°13′至20°43′之间,土地总面积1979.6平方公里 。徐闻县属热带季风气候,日照充足,太阳辐射能丰富。截至2018年,徐闻县下辖1个街道、12个镇、2个乡,另设有4个农场、1个国企。是广东省直管县财政改革试点。

echarts湛江市徐闻县geoJson地图地图排行榜效果

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

echarts湛江市徐闻县geoJson地图地图排行榜效果

echarts湛江市徐闻县geoJson地图添加柱状图

echarts地图渲染时,为了让地图上的数据有一个对比的效果,会在地图上标注柱状图,以便于更直观的看出各个区域的数值.

echarts湛江市徐闻县geoJson地图添加柱状图

echarts湛江市徐闻县geoJson地图点击地图插小旗

echarts地图渲染点击地图显示自定义效果实例,效果类似点击插小旗的效果,通过scatter实现.

echarts湛江市徐闻县geoJson地图点击地图插小旗

threejs湛江市徐闻县geoJson地图3d地图添加旋转棱锥

通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例

threejs湛江市徐闻县geoJson地图3d地图添加旋转棱锥

threejs湛江市徐闻县geoJson地图3d地图css2d标签

通过threejs绘制的3d地图css2d标签实例,CSS2D面向摄像机,不随场景缩放而缩放

threejs湛江市徐闻县geoJson地图3d地图css2d标签

threejs湛江市徐闻县geoJson地图3d地图添加金色效果

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

threejs湛江市徐闻县geoJson地图3d地图添加金色效果

湛江市徐闻县下辖有下洋镇,前山镇,城北乡,南山镇,和安镇,角尾乡,新寮镇,海安镇,西连镇,迈陈镇,锦和镇,龙塘镇,五一农场,华海公司,南华农场,友好农场,徐城街道,红星农场,下桥镇,曲界镇

湛江市徐闻县下辖区域坐标

{"下洋镇":[110.48127713372239,20.50238982030595],"前山镇":[110.57141911825269,20.35619497533923],"城北乡":[110.12009242995205,20.36170979591068],"南山镇":[110.1274726016577,20.27692716250768],"和安镇":[110.35077266914996,20.62930984646849],"角尾乡":[109.95329499052588,20.26830836347528],"新寮镇":[110.34720875691777,20.59193949234108],"海安镇":[110.22622834305298,20.2778186192752],"西连镇":[109.92145417049721,20.38800455729178],"迈陈镇":[109.98258492181405,20.35080430104502],"锦和镇":[110.41621789194167,20.55888233127742],"龙塘镇":[110.35959523890992,20.32733596540398],"五一农场":[110.15412342352707,20.47186388986658],"华海公司":[110.29537926376597,20.52837312732984],"南华农场":[110.22121036854509,20.36810591340107],"友好农场":[110.27597406706519,20.35766863625397],"徐城街道":[110.15971400349314,20.33026408183032],"红星农场":[110.3465753532229,20.43593163783929],"下桥镇":[110.16572095891846,20.47120037551734],"曲界镇":[110.34179611900488,20.4648502277456]}

说明

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

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

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

湛江市徐闻县echarts地图效果实例和threejs地图效果实例下载

喜欢