echarts鄂尔多斯市准格尔旗geoJson地图tooltip自定义html代码演示

echarts yekong

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

准格尔(蒙古语意为“左翼、左手”)旗,旧称鄂尔多斯左翼前旗,地处内蒙古西南部、鄂尔多斯市 东部。旗境东、北两面被黄河环绕,与 山西省呼和浩特市包头市 隔河相望;南临古长城与 陕西省 搭界;西与达拉特旗、东胜区、伊金霍洛旗接壤;素有“鸡鸣三省”之称。2014年被评为全国百强县第10名,是鄂尔多斯市经济强旗。全旗总面积7692平方公里,辖9乡镇1苏木,共159个嘎查村,23个社区,居住着蒙古、汉、回、满、藏等14个民族。根据第七次人口普查数据,截至2020年11月1日零时,准格尔旗常住人口为359184人。

echarts鄂尔多斯市准格尔旗geoJson地图tooltip自定义html

echarts tooltip演示自定义,通过toolTip的formatter方法以html+css的方式实现自己想要的样式效果,鼠标移上去就可以看到我们想要的效果了,也可以通过css自定义为自己需要的样式.

echarts鄂尔多斯市准格尔旗geoJson地图tooltip自定义html

echarts鄂尔多斯市准格尔旗geoJson地图地图排行榜效果

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

echarts鄂尔多斯市准格尔旗geoJson地图地图排行榜效果

echarts鄂尔多斯市准格尔旗geoJson地图迁徙图

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

echarts鄂尔多斯市准格尔旗geoJson地图迁徙图

threejs鄂尔多斯市准格尔旗geoJson地图3d地图自定义贴图加CSS2D标签

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

threejs鄂尔多斯市准格尔旗geoJson地图3d地图自定义贴图加CSS2D标签

threejs鄂尔多斯市准格尔旗geoJson地图3d地图指定区域闪烁

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

threejs鄂尔多斯市准格尔旗geoJson地图3d地图指定区域闪烁

threejs鄂尔多斯市准格尔旗geoJson地图3d地图鼠标移入显示标签并高亮

通过threejs绘制的3d地图鼠标移入显示标签并高亮

threejs鄂尔多斯市准格尔旗geoJson地图3d地图鼠标移入显示标签并高亮

鄂尔多斯市准格尔旗 下辖有 龙口镇,沙圪堵镇,暖水乡,友谊街道,薛家湾镇,大路煤化工基地,准格尔经济开发区,大路镇,兴隆街道,纳日松镇,蓝天街道,迎泽街道,准格尔召镇,十二连城乡,布尔陶亥苏木乡

鄂尔多斯市准格尔旗下辖区域坐标

{"龙口镇":[111.25173383625473,39.53088559664547],"沙圪堵镇":[110.83897092805864,39.70469004686833],"暖水乡":[110.53853093291337,39.76238690432373],"友谊街道":[111.25285402278934,39.84130187457734],"薛家湾镇":[111.17567829005615,39.87899079762268],"大路煤化工基地":[111.19912836582785,40.12009932117435],"准格尔经济开发区":[110.95963142768719,39.89520442089028],"大路镇":[111.12986438913299,40.05854693213676],"兴隆街道":[111.17834164177586,39.90233603060568],"纳日松镇":[110.5755503224415,39.44110864406575],"蓝天街道":[111.24999155333839,39.86058526723018],"迎泽街道":[111.17620598643163,39.85641883867707],"准格尔召镇":[110.28630566202789,39.67249020137957],"十二连城乡":[110.9103624181142,40.21596413909722],"布尔陶亥苏木乡":[110.80477672390806,40.01343432656157]}

说明

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

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

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

鄂尔多斯市准格尔旗echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts鄂尔多斯市准格尔旗geoJson地图tooltip自定义html代码演示