echarts呼和浩特市土默特左旗geoJson地图点击跳转到指定页面效果

echarts yekong

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

土默特左旗,简称土左旗,呼和浩特市 辖旗。位于 内蒙古自治区 中部,呼和浩特市和包头市之间。地理坐标为北纬40°26′-40°56′、东经110°47′-111°48′。北与武川县接界,南临托克托县、和林格尔县,东与呼和浩特市区相连,西与包头市土默特右旗相邻。全旗东西最宽87千米,南北最长55千米,总面积2779平方公里。旗政府驻察素齐镇,距呼和浩特市区48千米。根据第七次人口普查数据,截至2020年11月1日零时,土默特左旗常住人口为263131人。

echarts呼和浩特市土默特左旗geoJson地图点击跳转到指定页面

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

echarts呼和浩特市土默特左旗geoJson地图点击跳转到指定页面

echarts呼和浩特市土默特左旗geoJson地图定义颜色

echarts地图通过visualMap来事先设置好数据区间,根据区间来来显示地图的颜色,这里的visualMap数据是随机生成的,可以通过实例代码根据自己的需要配置颜色和数据区间.

echarts呼和浩特市土默特左旗geoJson地图定义颜色

echarts呼和浩特市土默特左旗geoJson地图自定义引导线

echarts地图渲染中,会遇到多个地名凑到一块导致名称重叠的情况,这时候我们可以通过一条线指向对应的位置并通过label来进行标注的效果.

echarts呼和浩特市土默特左旗geoJson地图自定义引导线

threejs呼和浩特市土默特左旗geoJson地图3d地图CSS2D外加旋转棱锥

通过threejs绘制3d地图CSS2D外加旋转棱锥效果,如果对threejs感兴趣,可以观看threejs教程视频 WebGL/Three.js前端高薪3D可视化

threejs呼和浩特市土默特左旗geoJson地图3d地图CSS2D外加旋转棱锥

threejs呼和浩特市土默特左旗geoJson地图3d地图添加描边效果

通过threejs绘制3d地图使用outlinePass 实现发光描边效果

threejs呼和浩特市土默特左旗geoJson地图3d地图添加描边效果

threejs呼和浩特市土默特左旗geoJson地图3d地图添加旋转棱锥

通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例

threejs呼和浩特市土默特左旗geoJson地图3d地图添加旋转棱锥

呼和浩特市土默特左旗 下辖有 呼和浩特出口加工区,呼和浩特金山经济技术开发区,善岱镇,北什轴乡,台阁牧镇,呼和浩特如意开发区南区,塔布赛乡,呼和浩特经济技术开发区金川区,察素齐镇,敕勒川镇,毕克齐镇,沙尔沁镇,白庙子镇

呼和浩特市土默特左旗下辖区域坐标

{"呼和浩特出口加工区":[111.52131079864623,40.77448151493982],"呼和浩特金山经济技术开发区":[111.45687290276155,40.70747872518957],"善岱镇":[111.06483197816698,40.50904437960431],"北什轴乡":[111.33453458564423,40.62638945954525],"台阁牧镇":[111.4964246709001,40.76711911641606],"呼和浩特如意开发区南区":[111.71928064546148,40.54345266323473],"塔布赛乡":[111.22170559418313,40.58203461551592],"呼和浩特经济技术开发区金川区":[111.54120148506848,40.79121219424138],"察素齐镇":[111.03100773354234,40.74832823047848],"敕勒川镇":[110.91381789974955,40.6452747388181],"毕克齐镇":[111.29862311944316,40.79940036800123],"沙尔沁镇":[111.6913543742723,40.57148502127228],"白庙子镇":[111.5502875185631,40.6255261250722]}

说明

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

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

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

中国geoJson实例下载

中国地图geojson
内蒙古自治区地图geojson
呼和浩特市地图geojson

呼和浩特市土默特左旗echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts呼和浩特市土默特左旗geoJson地图点击跳转到指定页面效果