echarts包头市昆都仑区geoJson地图 tooltip轮播实例代码

echarts yekong

可视化大屏 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是包头市昆都仑区echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。

昆都仑区,内蒙古自治区 包头市 辖区,是包头市的中心城区,位于内蒙古自治区中部、包头市西南部,地处阴山脚下、黄河北岸,属温带大陆性气候,毗邻4个区(县、旗),总面积301平方千米。截至2021年10月,昆都仑区辖13个街道、2个镇,另辖1个乡级单位。根据全国第七次人口普查数据显示,截至2020年11月1日零时,常住人口为787681人。

echarts包头市昆都仑区geoJson地图 tooltip轮播

echarts地图实现类似tooltip轮播效果,通过effectScatter实现浮窗,并通过定时修改effectScatter的data来实现浮窗的移动.

echarts包头市昆都仑区geoJson地图 tooltip轮播

echarts包头市昆都仑区geoJson地图全局颜色渐变

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

echarts包头市昆都仑区geoJson地图全局颜色渐变

echarts包头市昆都仑区geoJson地图迁徙图

echarts迁徙图实例,可以根据自己的需要配置飞线的颜色大小以及方向

echarts包头市昆都仑区geoJson地图迁徙图

threejs包头市昆都仑区geoJson地图3d地图css2d标签

通过threejs绘制的3d地图css2d标签实例,CSS2D面向摄像机,不随场景缩放而缩放,如果对threejs感兴趣,可以观看threejs视频教程 WebGL 3D可视化教程

threejs包头市昆都仑区geoJson地图3d地图css2d标签

threejs包头市昆都仑区geoJson地图3d地图指定区域闪烁

通过threejs绘制3d地图并让指定区域闪烁

threejs包头市昆都仑区geoJson地图3d地图指定区域闪烁

threejs包头市昆都仑区geoJson地图3d地图自定义贴图加CSS2D标签

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

threejs包头市昆都仑区geoJson地图3d地图自定义贴图加CSS2D标签

包头市昆都仑区 下辖有 沼潭街道,鞍山道街道,友谊大街街道,团结大街街道,市府东路街道,阿尔丁大街街道,包钢厂区街道,黄河西路街道,前进道街道,昆工路街道,林荫路街道,白云路街道,昆北街道,昆河镇,卜尔汉图镇,少先路街道

包头市昆都仑区下辖区域坐标

{"沼潭街道":[109.82783576569663,40.61827583467257],"鞍山道街道":[109.8165706739367,40.66975728813514],"友谊大街街道":[109.79123022580023,40.65219438777618],"团结大街街道":[109.79650006464033,40.66968875784353],"市府东路街道":[109.74258023913956,40.61130905710712],"阿尔丁大街街道":[109.83534536093362,40.66760966671774],"包钢厂区街道":[109.77340392467579,40.61100314947421],"黄河西路街道":[109.81491729988133,40.63210380505149],"前进道街道":[109.8049588046473,40.66125325150588],"昆工路街道":[109.80203416699267,40.64043620389461],"林荫路街道":[109.81574698647653,40.65101652798778],"白云路街道":[109.8045014628362,40.65149390820132],"昆北街道":[109.82860127392914,40.74202436693277],"昆河镇":[109.79255695071333,40.60743292477798],"卜尔汉图镇":[109.70839422231717,40.68940744609025],"少先路街道":[109.82429195172529,40.64675054640079]}

说明

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

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

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

中国geoJson实例下载

中国地图geojson
内蒙古自治区地图geojson
包头市地图geojson

包头市昆都仑区echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts包头市昆都仑区geoJson地图 tooltip轮播实例代码