数据大屏可视化 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理哈密市伊吾县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
伊吾县,隶属于 新疆维吾尔自治区 哈密市,位于新疆东北部,天山北麓东段,总面积19519平方千米。 伊吾县属温带大陆性干旱气候, 县政府驻伊吾镇。截至2019年末,伊吾县有户籍人口21070人。
echarts哈密市伊吾县geoJson地图点击弹出自定义弹窗
我们可以通过scatter来设置自定义样式,但是这种自定义局限性很大,如果要求的样式很复杂的话,scatter就不能很好的实现了,所以我们可以通过鼠标点击获取横纵坐标,然后通过css来定位到对应的位置.
echarts哈密市伊吾县geoJson地图迁徙图
echarts迁徙图实例,可以根据自己的需要配置飞线的颜色大小以及方向
echarts哈密市伊吾县geoJson地图水滴状气泡图
echarts地图渲染时,会通过一个水滴状小气泡来将数值渲染到地图上,我们可以可以通过scatter来实现我们想要的效果.
threejs哈密市伊吾县geoJson地图3d地图红色描边闪烁警报
通过threejs绘制3d地图使用outlinePass 实现发光描边闪烁效果 以实现警报功能,如果想系统的学习threejs的话,可以观看threejs视频教程 WebGL/Three.js前端3D可视化教程
threejs哈密市伊吾县geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁
threejs哈密市伊吾县geoJson地图3d地图自定义贴图加CSS3D标签
通过threejs绘制3d地图并添加CSS3D标签和自定义贴图
哈密市伊吾县 下辖有 苇子峡乡,下马崖乡,吐葫芦乡,伊吾镇,兵团淖毛湖农场,盐池镇,淖毛湖镇,前山哈萨克民族乡
哈密市伊吾县下辖区域坐标
{"苇子峡乡":[95.00844867433437,43.45025615069545],"下马崖乡":[95.51779911553368,43.18072154963049],"吐葫芦乡":[94.6527255916178,43.17926022224169],"伊吾镇":[94.69360701245972,43.24985111928247],"兵团淖毛湖农场":[],"盐池镇":[94.42911593664545,43.44004991470082],"淖毛湖镇":[94.87489490963195,43.91428622122361],"前山哈萨克民族乡":[93.9547733828359,43.56824523796523]}
哈密市伊吾县行政划分代码
[{"name":"苇子峡乡","code":"650522201000"},{"name":"下马崖乡","code":"650522202000"},{"name":"吐葫芦乡","code":"650522204000"},{"name":"伊吾镇","code":"650522100000"},{"name":"兵团淖毛湖农场","code":"650522500000"},{"name":"盐池镇","code":"650522102000"},{"name":"淖毛湖镇","code":"650522101000"},{"name":"前山哈萨克民族乡","code":"650522205000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。