可视化大屏 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理呼和浩特市赛罕区echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
赛罕区,隶属 内蒙古自治区 呼和浩特 。位于 呼和浩特市 区东南,总面积1025.2平方公里,其中城区面积85平方公里,农区面积940平方公里,也是呼和浩特市区中面积最大的市辖区。辖1个自治区级开发区,3个镇、101个行政村,8个街道、81个社区,是一个以蒙古族为主体、汉族占多数的多民族聚居区。根据第七次人口普查数据,截至2020年11月1日零时,赛罕区常住人口885321人。2019年3月,被水利部公布为第一批节水型社会建设达标县(区)。2019年10月,入选2019年度全国综合实力百强区。
echarts呼和浩特市赛罕区geoJson地图阴影
echarts地图阴影效果实例,通过shadowColor控制阴影的颜色,通过shadowBlur控制范围,通过shadowOffsetX和shadowOffsetY控制偏移.
echarts呼和浩特市赛罕区geoJson地图3d地图实例旋转动画
使用的是echarts-gl结合echarts实现的3d地图效果实例
echarts呼和浩特市赛罕区geoJson地图点击跳转到指定页面
为图标添加点击事件,点击图标,跳转到指定页面
threejs呼和浩特市赛罕区geoJson地图3d地图添加旋转棱锥
通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例,如果对threejs感兴趣,可以观看threejs教程视频 WebGL/Three.js前端高薪3D可视化
threejs呼和浩特市赛罕区geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果
threejs呼和浩特市赛罕区geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图
呼和浩特市赛罕区 下辖有 大学东路街道,大学西路街道,榆林镇,呼和浩特市如意开发区,呼和浩特留学人员创业园,金河镇,巴彦街道,黄合少镇,金桥经济技术开发区,中专路街道,人民路街道,敕勒川路街道,昭乌达路街道,乌兰察布东路街道
呼和浩特市赛罕区下辖区域坐标
{"大学东路街道":[111.71086162981868,40.78927482685849],"大学西路街道":[111.68891264364837,40.80544246713889],"榆林镇":[112.03960952566713,40.87408210426686],"呼和浩特市如意开发区":[111.75693945601463,40.8314697797892],"呼和浩特留学人员创业园":[111.74563712816673,40.83876379548326],"金河镇":[111.8244622106914,40.69591047025025],"巴彦街道":[111.86032028456222,40.86119207393558],"黄合少镇":[112.01683437230164,40.74746692778076],"金桥经济技术开发区":[111.74820412131025,40.72404243219678],"中专路街道":[111.72491353668485,40.81826320151013],"人民路街道":[111.6760902247592,40.79769966142372],"敕勒川路街道":[111.72298815337595,40.82035118884077],"昭乌达路街道":[111.72474559754345,40.76988177638526],"乌兰察布东路街道":[111.70651939964995,40.81409988125635]}
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
中国geoJson实例下载
中国地图geojson
内蒙古自治区地图geojson
呼和浩特市地图geojson