echarts葫芦岛市建昌县geoJson地图点击跳转到指定页面代码演示

geoJson2 yekong

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

建昌县,隶属于辽宁省葫芦岛市,位于葫芦岛市西北部,东邻连山区、兴城市,南连绥中县,西北接凌源市,西南与河北省的青龙县接壤,北靠喀左、朝阳两县,总面积3195平方千米。截至2022年10月,建昌县下辖7个镇、21个乡,另设有1个经济区。截至2022年末,建昌县总人口61.0218万人。

echarts葫芦岛市建昌县geoJson地图点击跳转到指定页面

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

echarts葫芦岛市建昌县geoJson地图点击跳转到指定页面

echarts葫芦岛市建昌县geoJson地图 visualMap控制地图颜色

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

echarts葫芦岛市建昌县geoJson地图 visualMap控制地图颜色

echarts葫芦岛市建昌县geoJson地图区域闪烁

echarts地图有时候为了突出某一块区域的重要性,会进行两个颜色的交替变化来告诉用户这一块需要重点关注,我们可以通过echarts的dispatchAction来实现我们想要的效果.

echarts葫芦岛市建昌县geoJson地图区域闪烁

threejs葫芦岛市建昌县geoJson地图3d地图添加金色效果

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

threejs葫芦岛市建昌县geoJson地图3d地图添加金色效果

threejs葫芦岛市建昌县geoJson地图3d地图鼠标移入显示标签并高亮

通过threejs绘制的3d地图鼠标移入显示标签并高亮

threejs葫芦岛市建昌县geoJson地图3d地图鼠标移入显示标签并高亮

threejs葫芦岛市建昌县geoJson地图3d地图添加旋转棱锥

通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例

threejs葫芦岛市建昌县geoJson地图3d地图添加旋转棱锥

葫芦岛市建昌县 下辖有 养马甸子乡,和尚房子乡,头道营子乡,王宝营子乡,建昌镇,小德营子乡,八家子镇,娘娘庙乡,新开岭乡,西碱厂乡,贺杖子乡,魏家岭乡,黑山科乡,大屯镇,巴什罕乡,汤神庙镇,玲珑塔镇,药王庙镇,要路沟乡,谷杖子乡,雷家店乡,素珠营子乡,老达杖子乡,二道湾子蒙古族乡,石佛乡,杨树湾子乡,牤牛营子乡,喇嘛洞镇

葫芦岛市建昌县下辖区域坐标

{"养马甸子乡":[119.78779995469529,40.55854483481452],"和尚房子乡":[119.77224519142035,40.47634808966816],"头道营子乡":[119.5706494073787,40.57386589620798],"王宝营子乡":[119.50775736553946,40.74788532433831],"建昌镇":[119.80644829978982,40.81040749669422],"小德营子乡":[120.20973187820637,40.88423001409524],"八家子镇":[120.0484946017431,40.61048398851918],"娘娘庙乡":[120.1314120737537,40.97312394029224],"新开岭乡":[119.60946995789625,40.50834679025014],"西碱厂乡":[119.5948829604724,40.64845870647463],"贺杖子乡":[119.67439706401694,40.52490762775812],"魏家岭乡":[119.48602478896503,40.64887870187206],"黑山科乡":[119.94656027812935,40.7223833548146],"大屯镇":[119.91820134468136,40.5907535664623],"巴什罕乡":[120.02674456039388,40.81232802197321],"汤神庙镇":[119.60925439004654,40.76855485301456],"玲珑塔镇":[119.98780860453894,40.90459528152641],"药王庙镇":[120.17248857407024,40.76252320999114],"要路沟乡":[119.43736383145261,40.58924646828692],"谷杖子乡":[120.06125787725284,41.01470558186026],"雷家店乡":[119.87033147226947,40.72412465293506],"素珠营子乡":[119.77703008376854,40.69114173282574],"老达杖子乡":[119.33074947943942,40.60695718516322],"二道湾子蒙古族乡":[120.11274140392162,40.87545204087041],"石佛乡":[119.8960986310876,40.85684708289165],"杨树湾子乡":[120.04677933422859,40.70322531933009],"牤牛营子乡":[119.76633531293231,40.78240707616496],"喇嘛洞镇":[119.6690189935059,40.64878341387007]}

葫芦岛市建昌县行政划分代码

[{"name":"养马甸子乡","code":"211422214000"},{"name":"和尚房子乡","code":"211422215000"},{"name":"头道营子乡","code":"211422211000"},{"name":"王宝营子乡","code":"211422206000"},{"name":"建昌镇","code":"211422100000"},{"name":"小德营子乡","code":"211422222000"},{"name":"八家子镇","code":"211422101000"},{"name":"娘娘庙乡","code":"211422225000"},{"name":"新开岭乡","code":"211422212000"},{"name":"西碱厂乡","code":"211422210000"},{"name":"贺杖子乡","code":"211422213000"},{"name":"魏家岭乡","code":"211422209000"},{"name":"黑山科乡","code":"211422219000"},{"name":"大屯镇","code":"211422106000"},{"name":"巴什罕乡","code":"211422224000"},{"name":"汤神庙镇","code":"211422104000"},{"name":"玲珑塔镇","code":"211422105000"},{"name":"药王庙镇","code":"211422103000"},{"name":"要路沟乡","code":"211422208000"},{"name":"谷杖子乡","code":"211422226000"},{"name":"雷家店乡","code":"211422220000"},{"name":"素珠营子乡","code":"211422203000"},{"name":"老达杖子乡","code":""},{"name":"二道湾子蒙古族乡","code":"211422223000"},{"name":"石佛乡","code":"211422204000"},{"name":"杨树湾子乡","code":"211422218000"},{"name":"牤牛营子乡","code":"211422201000"},{"name":"喇嘛洞镇","code":"211422102000"}]

说明

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

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

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

葫芦岛市建昌县echarts地图效果实例和threejs地图效果实例下载

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