echarts赤峰市敖汉旗geoJson地图点击跳转到指定页面代码演示

echarts yekong 390℃

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

敖汉旗,隶属 内蒙古 赤峰市。地处努鲁尔虎山脉北麓,科尔沁沙地南缘,东临通辽市奈曼旗,西接朝阳市建平县,南与北票市、朝阳县相连,北与赤峰市翁牛特旗隔老哈河相望。全旗总土地面积8300平方公里。驻地新惠镇,根据第七次人口普查数据,截至2020年11月1日零时,敖汉旗常住人口为448712人。

echarts赤峰市敖汉旗geoJson地图点击跳转到指定页面

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

echarts赤峰市敖汉旗geoJson地图点击跳转到指定页面

echarts赤峰市敖汉旗geoJson地图定义颜色

echarts地图通过visualMap来事先设置好数据区间,根据区间来来显示地图的颜色,这里的visualMap数据是随机生成的,可以通过实例代码根据自己的需要配置颜色和数据区间.

echarts赤峰市敖汉旗geoJson地图定义颜色

echarts赤峰市敖汉旗geoJson地图局部颜色渐变

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

echarts赤峰市敖汉旗geoJson地图局部颜色渐变

threejs赤峰市敖汉旗geoJson地图3d地图指定区域闪烁

通过threejs绘制3d地图并让指定区域闪烁,如果对threejs感兴趣,可以观看threejs视频 Three.js前端3D可视化教程

threejs赤峰市敖汉旗geoJson地图3d地图指定区域闪烁

threejs赤峰市敖汉旗geoJson地图3d地图添加金色效果

通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰

hreejs赤峰市敖汉旗geoJson地图3d地图添加金色效果

threejs赤峰市敖汉旗geoJson地图3d地图添加描边效果

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

threejs赤峰市敖汉旗geoJson地图3d地图添加描边效果

赤峰市敖汉旗 下辖有 下洼镇,贝子府镇,丰收乡,新惠镇,长胜镇,玛尼罕乡,萨力巴乡,古鲁板蒿乡,国营种羊场,木头营子乡,敖润苏莫苏木乡,四家子镇,林家地乡,牛古吐乡,四道湾子镇,金厂沟梁镇,敖汉旗新惠工业园区,兴隆洼镇

赤峰市敖汉旗下辖区域坐标

{"下洼镇":[120.51275762794714,42.49878004361923],"贝子府镇":[120.35371118237134,42.14560110536122],"丰收乡":[120.14028170944948,42.23493375222114],"新惠镇":[119.95678948771636,42.27301390127502],"长胜镇":[120.15867997672711,42.79225936413411],"玛尼罕乡":[119.97898636094611,42.48677368788164],"萨力巴乡":[119.7398491489072,42.43199237295011],"古鲁板蒿乡":[119.81302509106999,42.76175257991081],"国营种羊场":[119.93157903500858,42.63188331146445],"木头营子乡":[120.25319826991742,42.68445295771156],"敖润苏莫苏木乡":[120.17160331866313,42.92889846207261],"四家子镇":[120.141776172788,41.82025444068081],"林家地乡":[119.9869239741972,42.03004675911474],"牛古吐乡":[120.27796911797796,42.39534203019437],"四道湾子镇":[119.63974196401792,42.3602401028059],"金厂沟梁镇":[120.22014271650266,41.99626146070922],"敖汉旗新惠工业园区":[119.9105299695656,42.31016098235183],"兴隆洼镇":[120.65292878811249,42.28357873898748]}

说明

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

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

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

赤峰市敖汉旗echarts地图效果实例和threejs地图效果实例下载

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