echarts吕梁市中阳县geoJson地图点击弹出自定义弹窗演示实例

geoJson2 yekong

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

中阳县,隶属于 山西省 吕梁市,位于山西省中西部,吕梁山脉中段西麓,地理坐标为北伟37°03'~37°29',东经110°50'~111°29'之间,面积1441.4平方千米。2021年末,中阳县常住人口为136925人。中阳县气候属暖温带亚干旱区大陆性季风气候。截至2021年10月,中阳县辖5个镇、1个乡。县政府驻宁乡镇。

echarts吕梁市中阳县geoJson地图点击弹出自定义弹窗

我们可以通过scatter来设置自定义样式,但是这种自定义局限性很大,如果要求的样式很复杂的话,scatter就不能很好的实现了,所以我们可以通过鼠标点击获取横纵坐标,然后通过css来定位到对应的位置.

echarts吕梁市中阳县geoJson地图点击弹出自定义弹窗

echarts吕梁市中阳县geoJson地图3d地图自定义贴图-绿色地面

3d地图自定义贴图-绿色地面,echarts结合echarts-gl实现3d地图自定义贴图效果,通过设置 shading: 'realistic',以及realisticMaterial来设置自定义纹理贴图,当前效果为绿色地面的效果实例

echarts吕梁市中阳县geoJson地图3d地图自定义贴图-绿色地面

echarts吕梁市中阳县geoJson地图点击跳转到指定页面

为图标添加点击事件,点击图标,跳转到指定页面

echarts吕梁市中阳县geoJson地图点击跳转到指定页面

threejs吕梁市中阳县geoJson地图3d地图css2d标签

通过threejs绘制的3d地图css2d标签实例,CSS2D面向摄像机,不随场景缩放而缩放,如果想系统的学习threejs的话,可以观看threejs课程视频 WebGL 3D可视化教程

threejs吕梁市中阳县geoJson地图3d地图css2d标签

threejs吕梁市中阳县geoJson地图3d地图添加金色效果

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

threejs吕梁市中阳县geoJson地图3d地图添加金色效果

threejs吕梁市中阳县geoJson地图3d地图

通过threejs绘制的3d地图实例

threejs吕梁市中阳县geoJson地图3d地图

吕梁市中阳县 下辖有 宁乡镇,武家庄镇,枝柯镇,暖泉镇,金罗镇,下枣林乡,张子山乡,宁乡镇,武家庄镇,枝柯镇,暖泉镇,金罗镇,下枣林乡,张子山乡

吕梁市中阳县下辖区域坐标

{"宁乡镇":[111.23126035243433,37.22974107799944],"武家庄镇":[111.04523633991754,37.23744043861751],"枝柯镇":[111.37502985766272,37.29589411470129],"暖泉镇":[110.98564848725727,37.11930945763146],"金罗镇":[111.1113112929099,37.42896465645886],"下枣林乡":[111.0913787564736,37.31135393290997],"张子山乡":[111.22167982674755,37.41348220914772]}

吕梁市中阳县行政划分代码

[{"name":"宁乡镇","code":"141129100000"},{"name":"武家庄镇","code":"141129103000"},{"name":"枝柯镇","code":"141129102000"},{"name":"暖泉镇","code":"141129104000"},{"name":"金罗镇","code":"141129101000"},{"name":"下枣林乡","code":"141129201000"},{"name":"张子山乡","code":""}]

说明

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

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

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

吕梁市中阳县echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts吕梁市中阳县geoJson地图点击弹出自定义弹窗演示实例