echarts淮安市淮安区geoJson地图点击跳转到指定页面演示实例

geoJson2 yekong

数据可视化大屏 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理淮安市淮安区echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。

echarts淮安市淮安区geoJson地图点击跳转到指定页面

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

echarts淮安市淮安区geoJson地图点击跳转到指定页面

echarts淮安市淮安区geoJson地图飞线图

echarts飞线图实例,可以根据自己的需要配置飞线的颜色大小以及方向

echarts淮安市淮安区geoJson地图飞线图

echarts淮安市淮安区geoJson地图阴影

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

echarts淮安市淮安区geoJson地图阴影

threejs淮安市淮安区geoJson地图3d地图

通过threejs绘制的3d地图实例 vue3 threejs 在vue3项目中绘制3d地图效果实例,如果想系统的学习threejs的话,可以观看threejs视频 3D可视化Three.js视频教程

threejs淮安市淮安区geoJson地图3d地图

threejs淮安市淮安区geoJson地图3d地图CSS2D外加旋转棱锥

通过threejs绘制3d地图CSS2D外加旋转棱锥效果

threejs淮安市淮安区geoJson地图3d地图CSS2D外加旋转棱锥

threejs淮安市淮安区geoJson地图3d地图css2d标签

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

threejs淮安市淮安区geoJson地图3d地图css2d标签

淮安市淮安区 下辖有 上河镇,马甸镇,宋集乡,林集镇,席桥镇,三堡乡,城东乡,季桥镇,建淮乡,朱桥镇,仇桥镇,南闸镇,复兴镇,博里镇,平桥镇,淮城镇,施河镇,泾口镇,范集镇,流均镇,溪河镇,苏嘴镇,茭陵乡,车桥镇,钦工镇,顺河镇,白马湖农场

淮安市淮安区下辖区域坐标

{"上河镇":[119.22309916551868,33.41722768973631],"马甸镇":[119.21781583124243,33.46108757121361],"宋集乡":[119.25806781380513,33.72449957148217],"林集镇":[119.16930472651933,33.38187404102581],"席桥镇":[119.20459495825736,33.59730023691748],"三堡乡":[119.15890633802763,33.42626194274162],"城东乡":[119.18165255802633,33.52946288204623],"季桥镇":[119.2591588940243,33.56099863818599],"建淮乡":[119.19221617532395,33.48642009715721],"朱桥镇":[119.26990225975507,33.5053279263732],"仇桥镇":[119.33813668252535,33.54436824764544],"南闸镇":[119.19052845862805,33.3229020123165],"复兴镇":[119.42981698186222,33.59098037482429],"博里镇":[119.45167474792487,33.51946297377879],"平桥镇":[119.26192582285464,33.37681291807274],"淮城镇":[119.12355360784613,33.52101083855139],"施河镇":[119.3771582249929,33.40525986789746],"泾口镇":[119.445911046075,33.44385010998094],"范集镇":[119.04253224809608,33.36977396079379],"流均镇":[119.53999009192722,33.44835253141965],"溪河镇":[119.29517766212554,33.44298851577368],"苏嘴镇":[119.42673733730919,33.65573798846236],"茭陵乡":[119.34158578589577,33.67894508747324],"车桥镇":[119.37952893121906,33.47105771030149],"钦工镇":[119.25047530280953,33.65618514635663],"顺河镇":[119.315630071611,33.62210698224503],"白马湖农场":[119.1166197038657,33.38123802873541]}

淮安市淮安区行政划分代码

[{"name":"上河镇","code":""},{"name":"马甸镇","code":""},{"name":"宋集乡","code":""},{"name":"林集镇","code":""},{"name":"席桥镇","code":""},{"name":"三堡乡","code":""},{"name":"城东乡","code":""},{"name":"季桥镇","code":""},{"name":"建淮乡","code":""},{"name":"朱桥镇","code":"320803104000"},{"name":"仇桥镇","code":""},{"name":"南闸镇","code":""},{"name":"复兴镇","code":"320803112000"},{"name":"博里镇","code":"320803110000"},{"name":"平桥镇","code":"320803101000"},{"name":"淮城镇","code":""},{"name":"施河镇","code":"320803106000"},{"name":"泾口镇","code":""},{"name":"范集镇","code":"320803123000"},{"name":"流均镇","code":"320803109000"},{"name":"溪河镇","code":""},{"name":"苏嘴镇","code":"320803113000"},{"name":"茭陵乡","code":""},{"name":"车桥镇","code":"320803107000"},{"name":"钦工镇","code":"320803114000"},{"name":"顺河镇","code":"320803115000"},{"name":"白马湖农场","code":"320803400000"}]

说明

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

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

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

4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看

淮安市淮安区echarts地图效果实例和threejs地图效果实例下载

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