数据大屏可视化 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是蚌埠市五河县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts蚌埠市五河县geoJson地图3d地图自定义图标
echarts 3d地图添加自定义图标实例
echarts蚌埠市五河县geoJson地图tooltip自定义html
echarts tooltip演示自定义,通过toolTip的formatter方法以html+css的方式实现自己想要的样式效果,鼠标移上去就可以看到我们想要的效果了,也可以通过css自定义为自己需要的样式.
echarts蚌埠市五河县geoJson地图热力图
echarts通过heatmap实现热力图效果
threejs蚌埠市五河县geoJson地图3d地图自定义贴图加CSS3D标签
通过threejs绘制3d地图并添加CSS3D标签和自定义贴图,如果想系统的学习threejs的话,可以观看threejs视频 Three.js前端3D可视化
threejs蚌埠市五河县geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮
蚌埠市五河县 下辖有 申集镇,大新镇,城关镇,头铺镇,小圩镇,东刘集镇,小溪镇,新集镇,朱顶镇,武桥镇,沱湖乡,浍南镇,双忠庙镇,临北回族乡,沫口精细化工园,城南工业园
蚌埠市五河县下辖区域坐标
{"申集镇":[117.73846984800873,33.2331238802516],"大新镇":[117.67914019624874,32.99980728626971],"城关镇":[117.9491763292275,33.15829657179024],"头铺镇":[117.83271060304169,33.08726308593857],"小圩镇":[117.73082318144769,33.18250596099519],"东刘集镇":[117.61604831067154,33.24975645979224],"小溪镇":[117.9532068762285,33.0448495353583],"新集镇":[117.75729752826302,33.06878183741307],"朱顶镇":[117.97932250382769,33.10123896209256],"武桥镇":[117.91659728184132,33.30588843826416],"沱湖乡":[117.82926950440861,33.1669898057155],"浍南镇":[117.608020688207,33.09242575938219],"双忠庙镇":[117.89058406527177,33.23388992567844],"临北回族乡":[117.61653725241491,32.95109988366968],"沫口精细化工园":[117.5708897248008,32.99258562537069],"城南工业园":[117.86019480784262,33.11493273029345]}
蚌埠市五河县行政划分代码
[{"name":"申集镇","code":"340322112000"},{"name":"大新镇","code":"340322108000"},{"name":"城关镇","code":"340322100000"},{"name":"头铺镇","code":"340322107000"},{"name":"小圩镇","code":"340322105000"},{"name":"东刘集镇","code":"340322106000"},{"name":"小溪镇","code":"340322103000"},{"name":"新集镇","code":"340322101000"},{"name":"朱顶镇","code":"340322110000"},{"name":"武桥镇","code":"340322109000"},{"name":"沱湖乡","code":"340322200000"},{"name":"浍南镇","code":"340322111000"},{"name":"双忠庙镇","code":"340322104000"},{"name":"临北回族乡","code":"340322201000"},{"name":"沫口精细化工园","code":""},{"name":"城南工业园","code":""}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看