echarts驻马店市确山县geoJson地图点击跳转到指定页面实例代码

echarts yekong

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

确山县,位于河南省南部,淮河北岸,西依桐柏、伏牛两山余脉,东眺黄淮平原,自古就有“中原之腹地,豫鄂之咽喉”之称。全县辖10个镇,3个办事处,总面积1630平方公里。根据第七次人口普查数据,截至2020年11月1日零时,确山县常住人口为403044人。

echarts驻马店市确山县geoJson地图点击跳转到指定页面

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

echarts驻马店市确山县geoJson地图点击跳转到指定页面

echarts驻马店市确山县geoJson地图 visualMap控制地图颜色

echarts地图使用visualMap通过一组颜色及一组数据来实现地图不同区域根据不同数据进行颜色变化

echarts驻马店市确山县geoJson地图 visualMap控制地图颜色

echarts驻马店市确山县geoJson地图热力图

echarts通过heatmap实现热力图效果

echarts驻马店市确山县geoJson地图热力图

threejs驻马店市确山县geoJson地图3d地图自定义贴图加CSS2D标签

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

threejs驻马店市确山县geoJson地图3d地图自定义贴图加CSS2D标签

threejs驻马店市确山县geoJson地图3d地图CSS2D外加旋转棱锥

通过threejs绘制3d地图CSS2D外加旋转棱锥效果,如果想系统的学习threejs的话,可以观看threejs视频教程 Three.js前端3D可视化

threejs驻马店市确山县geoJson地图3d地图CSS2D外加旋转棱锥

threejs驻马店市确山县geoJson地图3d地图添加金色效果

通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰,如果对threejs感兴趣,可以观看threejs课程视频 WebGL 3D可视化教程

threejs驻马店市确山县geoJson地图3d地图添加金色效果

驻马店市确山县下辖有盘龙镇,任店镇,刘店镇,双河镇,瓦岗镇,留庄镇,竹沟镇,三里河乡,新安店镇,普会寺乡,李新店镇,石滚河镇

驻马店市确山县下辖区域坐标

{"盘龙镇":[114.01350404302886,32.79829062114256],"任店镇":[113.92285534370951,32.68589917523781],"刘店镇":[114.13261381912076,32.78183108734718],"双河镇":[114.14787505550456,32.53086942877824],"瓦岗镇":[113.86719169461028,32.75994768196389],"留庄镇":[114.1400098121469,32.64931526969877],"竹沟镇":[113.71108315559839,32.7874542115657],"三里河乡":[114.00202780621362,32.80058059422323],"新安店镇":[114.06031227503541,32.59401092294512],"普会寺乡":[114.07579423487097,32.71368416233867],"李新店镇":[113.98343537272999,32.55544284472541],"石滚河镇":[113.74509637765019,32.70946202517368]}

说明

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

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

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

驻马店市确山县echarts地图效果实例和threejs地图效果实例下载

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