echarts南充市蓬安县geoJson地图点击跳转到指定页面实例代码

geoJson2 yekong

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

echarts南充市蓬安县geoJson地图点击跳转到指定页面

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

echarts南充市蓬安县geoJson地图点击跳转到指定页面

echarts南充市蓬安县geoJson地图迁徙图

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

echarts南充市蓬安县geoJson地图迁徙图

echarts南充市蓬安县geoJson地图局部颜色渐变

echarts地图渲染,通过echarts.graphic.LinearGradient线性渐变来实现地图区域颜色的渐变效果

echarts南充市蓬安县geoJson地图局部颜色渐变

threejs南充市蓬安县geoJson地图3d地图鼠标移入显示标签并高亮

通过threejs绘制的3d地图鼠标移入显示标签并高亮,如果对threejs感兴趣,可以观看threejs视频 WebGL/Three.js前端3D可视化教程

threejs南充市蓬安县geoJson地图3d地图鼠标移入显示标签并高亮

threejs南充市蓬安县geoJson地图3d地图添加描边效果

通过threejs绘制3d地图使用outlinePass 实现发光描边效果

threejs南充市蓬安县geoJson地图3d地图添加描边效果

threejs南充市蓬安县geoJson地图3d地图css2d标签

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

threejs南充市蓬安县geoJson地图3d地图css2d标签

南充市蓬安县 下辖有 罗家镇,三坝乡,两路乡,群乐乡,龙云镇,兴旺镇,济渡乡,杨家镇,柳滩乡,海田乡,利溪镇,天成乡,巨龙镇,南燕乡,银汉镇,锦屏镇,长梁乡,骑龙乡,高庙乡,鲜店乡,石孔乡,石梁乡,碧溪乡,金溪镇,徐家镇,新园乡,新河乡,平头乡,开元乡,正源镇,河舒镇,福德镇,相如镇,睦坝乡,茶亭乡,诸家乡,金甲乡,龙蚕镇,凤石乡

南充市蓬安县下辖区域坐标

{"罗家镇":[106.55523479519687,30.85809441053675],"三坝乡":[106.29979734683285,30.99067068050637],"两路乡":[106.301049414084,31.0594767726849],"群乐乡":[106.20521043463278,31.05911772342269],"龙云镇":[106.29357739599851,31.0880206526614],"兴旺镇":[106.4576891600613,30.8200316840272],"济渡乡":[106.49506147658178,30.83701998593487],"杨家镇":[106.5425325706761,30.91462196990982],"柳滩乡":[106.492300717431,30.92868443862626],"海田乡":[106.48250487529113,30.87027149296936],"利溪镇":[106.35463166613957,30.95262512658698],"天成乡":[106.4169159248416,30.85444608102839],"巨龙镇":[106.24779681975053,31.07060745414389],"南燕乡":[106.59904818995433,30.82743409728231],"银汉镇":[106.57821767024606,30.77500498448128],"锦屏镇":[106.35418148380643,31.05076647758646],"长梁乡":[106.31102575220957,31.00872813810164],"骑龙乡":[106.4057311524278,31.14932236907205],"高庙乡":[106.20413836056397,31.09941919486285],"鲜店乡":[106.34783836676188,31.21617738915707],"石孔乡":[106.54891882157732,30.99165251576677],"石梁乡":[106.30052247465258,31.15476541159897],"碧溪乡":[106.45439048384436,30.91519254696558],"金溪镇":[106.34338964806386,31.13504825384024],"徐家镇":[106.42794011961219,31.19456683900307],"新园乡":[106.39947614391514,30.91155966586594],"新河乡":[106.60884417110697,30.89526740090587],"平头乡":[106.3005755488153,31.18842477310966],"开元乡":[106.52461718701602,30.96867363191527],"正源镇":[106.2305027467468,31.01127726819754],"河舒镇":[106.43790612588094,30.96335608583049],"福德镇":[106.6515520033548,30.87221630858924],"相如镇":[106.42323604462086,31.03793161335625],"睦坝乡":[106.25716997558061,31.13054750040223],"茶亭乡":[106.47948185850595,31.24372324219081],"诸家乡":[106.41776149242776,31.24611504139948],"金甲乡":[106.42586567985211,31.10437191014362],"龙蚕镇":[106.33918039567965,30.88791888443841],"凤石乡":[106.52031281384654,30.78605279014171]}

南充市蓬安县行政划分代码

[{"name":"罗家镇","code":"511323111000"},{"name":"三坝乡","code":""},{"name":"两路乡","code":""},{"name":"群乐乡","code":""},{"name":"龙云镇","code":""},{"name":"兴旺镇","code":"511323114000"},{"name":"济渡乡","code":""},{"name":"杨家镇","code":"511323110000"},{"name":"柳滩乡","code":""},{"name":"海田乡","code":""},{"name":"利溪镇","code":"511323108000"},{"name":"天成乡","code":""},{"name":"巨龙镇","code":"511323102000"},{"name":"南燕乡","code":""},{"name":"银汉镇","code":"511323113000"},{"name":"锦屏镇","code":"511323101000"},{"name":"长梁乡","code":""},{"name":"骑龙乡","code":""},{"name":"高庙乡","code":""},{"name":"鲜店乡","code":"511323209000"},{"name":"石孔乡","code":"511323222000"},{"name":"石梁乡","code":""},{"name":"碧溪乡","code":""},{"name":"金溪镇","code":"511323105000"},{"name":"徐家镇","code":"511323106000"},{"name":"新园乡","code":"511323217000"},{"name":"新河乡","code":""},{"name":"平头乡","code":"511323208000"},{"name":"开元乡","code":""},{"name":"正源镇","code":"511323103000"},{"name":"河舒镇","code":"511323107000"},{"name":"福德镇","code":"511323112000"},{"name":"相如镇","code":""},{"name":"睦坝乡","code":""},{"name":"茶亭乡","code":""},{"name":"诸家乡","code":""},{"name":"金甲乡","code":"511323215000"},{"name":"龙蚕镇","code":"511323109000"},{"name":"凤石乡","code":""}]

说明

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

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

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

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

南充市蓬安县echarts地图效果实例和threejs地图效果实例下载

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