数据大屏 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是包头市九原区echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
九原区是 内蒙古自治区 包头市 的一个市辖区。位于内蒙古自治区西部,东邻东河区、石拐区,北靠青山区、昆都仑区,北靠大青山,南临黄河,地处土默特平原与河套平原的结合部。位于“呼包银榆”经济区和“呼包鄂榆”城市群的核心区域,是包头新都市中心区所在地。
echarts包头市九原区geoJson地图3d地图实例旋转动画
使用的是echarts-gl结合echarts实现的3d地图效果实例
echarts包头市九原区geoJson地图迁徙图
echarts飞线图实例,可以根据自己的需要配置飞线的颜色大小以及方向
echarts包头市九原区geoJson地图自定义引导线
echarts地图渲染中,会遇到多个地名凑到一块导致名称重叠的情况,这时候我们可以通过一条线指向对应的位置并通过label来进行标注的效果.
threejs包头市九原区geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例,CSS3D不面向摄像机,跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小,如果想系统的学习threejs的话,可以观看threejs课程视频 WebGL/Three.js前端高薪3D可视化
threejs包头市九原区geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图
threejs包头市九原区geoJson地图3d地图css2d标签
通过threejs绘制的3d地图css2d标签实例,CSS2D面向摄像机,不随场景缩放而缩放
包头市九原区 下辖有 赛汗街道,麻池镇,沙河街道,萨如拉街道,白音席勒街道,哈业胡同镇,哈林格尔镇,阿嘎如泰苏木乡
包头市九原区下辖区域坐标
{"赛汗街道":[109.91670579451542,40.61767193225381],"麻池镇":[109.83267506241089,40.5707972293208],"沙河街道":[109.96071203521876,40.60115402642742],"萨如拉街道":[109.79311788563965,40.53584403514245],"白音席勒街道":[109.99756217897749,40.63033856640561],"哈业胡同镇":[109.5238421280948,40.58702768645244],"哈林格尔镇":[109.66464395733165,40.54794016697218],"阿嘎如泰苏木乡":[109.52184746166446,40.68572665456369]}
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
中国geoJson实例下载
中国地图geojson
内蒙古自治区地图geojson
包头市地图geojson