echarts通辽市扎鲁特旗geoJson地图热力图演示实例

echarts yekong

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

扎鲁特旗,内蒙古自治区 通辽市 辖旗,位于内蒙古自治区东部、通辽市西北部,地处大兴安岭南段、科尔沁草原腹地,属内蒙古高原向松辽平原过渡地带,属中温带大陆性季风气候,毗邻7个旗(县、市),总面积约17500平方千米。截至2022年10月,扎鲁特旗辖7个镇、8个苏木,另辖4个乡级单位。根据全国第七次人口普查数据显示,截至2020年11月1日零时,扎鲁特旗常住人口251806人。

echarts通辽市扎鲁特旗geoJson地图热力图

echarts通过heatmap实现热力图效果

echarts通辽市扎鲁特旗geoJson地图热力图

echarts通辽市扎鲁特旗geoJson地图点击跳转到指定页面

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

echarts通辽市扎鲁特旗geoJson地图点击跳转到指定页面

echarts通辽市扎鲁特旗geoJson地图全局颜色渐变

echarts地图渲染时,除了局部区域渐变外也会遇到整个地图的颜色渐变效果,我们可以通过areaColor的linear-gradient来实现我们想要的效果

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地图鼠标移入显示标签并高亮

通过threejs绘制的3d地图鼠标移入显示标签并高亮,如果想系统的学习threejs的话,可以观看threejs视频 Three.js 3D可视化

threejs通辽市扎鲁特旗geoJson地图3d地图鼠标移入显示标签并高亮

通辽市扎鲁特旗 下辖有 巴彦塔拉苏木乡,格日朝鲁苏木乡,前德门苏木乡,嘎达苏种畜场,香山农场,黄花山镇,香山镇,鲁北镇,嘎亥图镇,乌额格其牧场,巨日合镇,道老杜苏木乡,乌兰哈达苏木乡,乌日根塔拉农场,乌额格其苏木乡,巴雅尔图胡硕镇,查布嘎图苏木乡,乌力吉木仁苏木乡,阿日昆都楞镇

通辽市扎鲁特旗下辖区域坐标

{"巴彦塔拉苏木乡":[120.38771537389742,44.43332149008951],"格日朝鲁苏木乡":[120.12061509747998,44.83828581442773],"前德门苏木乡":[121.45886662193007,44.65759912694008],"嘎达苏种畜场":[120.91659097495543,44.42052941784733],"香山农场":[120.7171484278069,44.42129131205826],"黄花山镇":[121.20878087614867,44.64882360184532],"香山镇":[120.61266692233143,44.42128203203046],"鲁北镇":[120.83366084886802,44.67022438943273],"嘎亥图镇":[121.34193218727954,44.84851861004533],"乌额格其牧场":[121.23544521493301,44.65471804364964],"巨日合镇":[120.42882109381006,44.74192615074976],"道老杜苏木乡":[121.46552531960171,44.43758079105098],"乌兰哈达苏木乡":[120.50514986588736,45.29434024691874],"乌日根塔拉农场":[120.64615899149567,44.83734008456263],"乌额格其苏木乡":[121.14870088907183,44.82989021195245],"巴雅尔图胡硕镇":[120.3407722901479,45.09849174092665],"查布嘎图苏木乡":[120.89892047478817,44.2212605371804],"乌力吉木仁苏木乡":[120.93817349931406,44.00956019725338],"阿日昆都楞镇":[119.93965884934651,45.29983979641071]}

说明

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

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

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

通辽市扎鲁特旗echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts通辽市扎鲁特旗geoJson地图热力图演示实例