echarts锡林郭勒盟西乌珠穆沁旗geoJson地图区域闪烁实例代码

echarts yekong

可视化大屏 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是锡林郭勒盟西乌珠穆沁旗echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。

西乌珠穆沁旗,隶属 内蒙古自治区 锡林郭勒盟 。位于锡林郭勒盟东部,与通辽市、赤峰市及锡林郭勒盟的8个旗县市相毗邻。西乌珠穆沁旗土地总面积2.25万平方公里。2014年,西乌珠穆沁旗下辖5个镇,2个苏木,1个林业总场,93个嘎查。根据第七次人口普查数据,截至2020年11月1日零时,西乌珠穆沁旗常住人口为99255人。

echarts锡林郭勒盟西乌珠穆沁旗geoJson地图区域闪烁

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

echarts锡林郭勒盟西乌珠穆沁旗geoJson地图区域闪烁

echarts锡林郭勒盟西乌珠穆沁旗geoJson地图点击跳转到指定页面

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

echarts锡林郭勒盟西乌珠穆沁旗geoJson地图点击跳转到指定页面

echarts锡林郭勒盟西乌珠穆沁旗geoJson地图局部颜色渐变

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

echarts锡林郭勒盟西乌珠穆沁旗geoJson地图局部颜色渐变

threejs锡林郭勒盟西乌珠穆沁旗geoJson地图3d地图

通过threejs绘制的3d地图实例,如果想系统的学习threejs的话,可以观看threejs课程视频 WebGL前端3D可视化教程

threejs锡林郭勒盟西乌珠穆沁旗geoJson地图3d地图

threejs锡林郭勒盟西乌珠穆沁旗geoJson地图3d地图CSS2D外加旋转棱锥

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

threejs锡林郭勒盟西乌珠穆沁旗geoJson地图3d地图CSS2D外加旋转棱锥

threejs锡林郭勒盟西乌珠穆沁旗geoJson地图3d地图自定义贴图加CSS2D标签

通过threejs绘制3d地图并添加CSS2D标签和自定义贴图

threejs锡林郭勒盟西乌珠穆沁旗geoJson地图3d地图自定义贴图加CSS2D标签

锡林郭勒盟西乌珠穆沁旗 下辖有 巴彦胡舒苏木乡,乌兰哈拉嘎苏木乡,浩勒图高勒镇,高日罕镇,巴拉嘎尔高勒镇,西乌旗白音华能源化工园区,巴彦花镇,林业总场,吉仁高勒镇

锡林郭勒盟西乌珠穆沁旗下辖区域坐标

{"巴彦胡舒苏木乡":[117.09267283820745,44.7587368266922],"乌兰哈拉嘎苏木乡":[117.88351965315064,44.97170586989734],"浩勒图高勒镇":[117.67989623044053,44.32843052891577],"高日罕镇":[118.28303148662908,45.10346121106078],"巴拉嘎尔高勒镇":[117.7179630504896,44.61734576753193],"西乌旗白音华能源化工园区":[118.39453402926497,44.71360364375285],"巴彦花镇":[118.780894653733,44.8499356680429],"林业总场":[118.25303239131114,44.40826662302437],"吉仁高勒镇":[116.7970696407946,44.40996792099493]}

说明

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

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

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

锡林郭勒盟西乌珠穆沁旗echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts锡林郭勒盟西乌珠穆沁旗geoJson地图区域闪烁实例代码