echarts兴安盟乌兰浩特市geoJson地图地图排行榜效果效果实例

echarts yekong

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

乌兰浩特市,内蒙古自治区 辖县级市,由 兴安盟 代管,位于内蒙古自治区东北部、兴安盟东南部,为兴安盟政治、经济、文化和交通中心,地处大兴安岭南麓、科尔沁草原与松辽平原接合处,属温带大陆性季风气候,毗邻5个旗、县、区(市),总面积2353.5平方千米。截至2022年10月,乌兰浩特市辖10个街道、4个镇,另辖3个乡级单位。截至2022年末,乌兰浩特市户籍总人口为321654人。

echarts兴安盟乌兰浩特市geoJson地图地图排行榜效果

echarts地图根据数据渲染不同颜色的地图,并根据数据大小显示前10名的排序效果,属于地图map类型和柱状图bar类型混合效果

echarts兴安盟乌兰浩特市geoJson地图地图排行榜效果

echarts兴安盟乌兰浩特市geoJson地图区域闪烁

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

echarts兴安盟乌兰浩特市geoJson地图区域闪烁

echarts兴安盟乌兰浩特市geoJson地图点击跳转到指定页面

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

echarts兴安盟乌兰浩特市geoJson地图点击跳转到指定页面

threejs兴安盟乌兰浩特市geoJson地图3d地图自定义贴图加CSS3D标签

通过threejs绘制3d地图并添加CSS3D标签和自定义贴图,如果对threejs感兴趣,可以观看threejs视频教程 WebGL/Three.js前端高薪3D可视化

threejs兴安盟乌兰浩特市geoJson地图3d地图自定义贴图加CSS3D标签

threejs兴安盟乌兰浩特市geoJson地图3d地图css2d标签

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

threejs兴安盟乌兰浩特市geoJson地图3d地图css2d标签

threejs兴安盟乌兰浩特市geoJson地图3d地图红色描边闪烁警报

通过threejs绘制3d地图使用outlinePass 实现发光描边闪烁效果 以实现警报功能

threejs兴安盟乌兰浩特市geoJson地图3d地图红色描边闪烁警报

兴安盟乌兰浩特市 下辖有 铁西街道,义勒力特镇,乌兰哈达镇,乌兰浩特工业经济开发区,胜利街道,兴安街道,都林街道,乌兰哈达原种场,乌兰浩特经济技术开发区,和平街道,爱国街道,五一街道,呼和马场,太本站镇,葛根庙镇,城郊街道

兴安盟乌兰浩特市下辖区域坐标

{"铁西街道":[122.05653690601164,46.05680580017046],"义勒力特镇":[121.97197604811888,46.19580125628649],"乌兰哈达镇":[122.16382035542762,46.1104584952411],"乌兰浩特工业经济开发区":[122.18163823646606,46.06334592951677],"胜利街道":[122.06889058155443,46.06211065500912],"兴安街道":[122.0578196934888,46.0741695100517],"都林街道":[122.04057223187172,46.06918285921208],"乌兰哈达原种场":[122.20679842111787,46.07504444717127],"乌兰浩特经济技术开发区":[122.3279573177538,46.01571082621474],"和平街道":[122.08338909408849,46.06923361837241],"爱国街道":[122.0766490126642,46.07879547928293],"五一街道":[122.06111504432883,46.09015282605382],"呼和马场":[122.40815416279369,46.11026807880483],"太本站镇":[122.61195165608439,45.93505040663386],"葛根庙镇":[122.26700244356114,45.90939630089801],"城郊街道":[122.04650752271088,46.08485466552635]}

说明

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

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

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

兴安盟乌兰浩特市echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts兴安盟乌兰浩特市geoJson地图地图排行榜效果效果实例