echarts商丘市民权县geoJson地图点击跳转到指定页面效果实例

echarts yekong

可视化大屏 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是商丘市民权县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。

民权县,隶属河南省商丘市,位于河南省东部,商丘、开封和山东菏泽两省三市结合部,总面积1222平方千米。民权县辖2街道、11镇、6乡;另辖2个乡级单位。县政府驻绿洲街道。根据第七次人口普查数据,截至2020年11月1日零时,民权县常住人口为746389人。

echarts商丘市民权县geoJson地图点击跳转到指定页面

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

echarts商丘市民权县geoJson地图点击跳转到指定页面

echarts商丘市民权县geoJson地图3d地图自定义图标

echarts 3d地图添加自定义图标实例

echarts商丘市民权县geoJson地图3d地图自定义图标

echarts商丘市民权县geoJson地图阴影

echarts地图阴影效果实例,通过shadowColor控制阴影的颜色,通过shadowBlur控制范围,通过shadowOffsetX和shadowOffsetY控制偏移.

echarts商丘市民权县geoJson地图阴影

threejs商丘市民权县geoJson地图3d地图自定义贴图加CSS2D标签

通过threejs绘制3d地图并添加CSS2D标签和自定义贴图,如果对threejs感兴趣,可以观看threejs视频课程 WebGL/Three.js前端3D可视化教程

threejs商丘市民权县geoJson地图3d地图自定义贴图加CSS2D标签

threejs商丘市民权县geoJson地图3d地图添加金色效果

通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰,如果想系统的学习threejs的话,可以观看threejs视频教程 WebGL 3D可视化教程

threejs商丘市民权县geoJson地图3d地图添加金色效果

threejs商丘市民权县geoJson地图3d地图CSS2D外加旋转棱锥

通过threejs绘制3d地图CSS2D外加旋转棱锥效果,如果对threejs感兴趣,可以观看threejs教程视频 WebGL/Three.js前端3D可视化教程

threejs商丘市民权县geoJson地图3d地图CSS2D外加旋转棱锥

商丘市民权县下辖有商丘市农场,人和镇,伯党乡,北关镇,孙六镇,庄子镇,林七乡,禇庙乡,王桥镇,老颜集乡,程庄镇,胡集乡,花园乡,野岗乡,龙塘镇,王庄寨镇,白云寺镇,双塔乡,城关镇,商丘市林场

商丘市民权县下辖区域坐标

{"商丘市农场":[115.2150425133025,34.62787115529829],"人和镇":[114.97522917330525,34.71439546587694],"伯党乡":[115.11650047764962,34.55439191613407],"北关镇":[115.29837992255686,34.80595943237484],"孙六镇":[115.2812038801776,34.63761497370416],"庄子镇":[115.38592011265206,34.78152568028915],"林七乡":[115.32408717912821,34.69675452475612],"禇庙乡":[115.37921281390452,34.7305847248772],"王桥镇":[115.26641600953596,34.7210926909177],"老颜集乡":[115.40806398050478,34.68043789501699],"程庄镇":[115.14540630439402,34.7528989662943],"胡集乡":[115.21539357195672,34.73385993978093],"花园乡":[115.11115368705757,34.58922100931002],"野岗乡":[115.03435334773012,34.70518413161492],"龙塘镇":[115.03153303537648,34.59414532946815],"王庄寨镇":[115.38855197114637,34.62454466379609],"白云寺镇":[114.94112139770198,34.61611012600848],"双塔乡":[114.88638557275046,34.733160146307],"城关镇":[115.14523801278017,34.64751920882064],"商丘市林场":[115.11926751841895,34.65680861847639]}

说明

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

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

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

商丘市民权县echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts商丘市民权县geoJson地图点击跳转到指定页面效果实例