可视化数据大屏 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是三明市将乐县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts三明市将乐县geoJson地图点击跳转到指定页面
为图标添加点击事件,点击图标,跳转到指定页面
echarts三明市将乐县geoJson地图地图排行榜效果
echarts地图根据数据渲染不同颜色的地图,并根据数据大小显示前10名的排序效果,属于地图map类型和柱状图bar类型混合效果
echarts三明市将乐县geoJson地图点击地图获取经纬度
echarts地图渲染后,有时候会需要点击后获取到经纬度信息,通过经纬度信息来查询一些内容,这里我们可以通过convertFromPixel来获取经纬度.
threejs三明市将乐县geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图
threejs三明市将乐县geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果
三明市将乐县 下辖有 万全乡,万安镇,余坊乡,光明乡,南口乡,古镛镇,大源乡,安仁乡,水南镇,漠源乡,白莲镇,高唐镇,黄潭镇
三明市将乐县下辖区域坐标
{"万全乡":[117.17208828878012,26.64975408785188],"万安镇":[117.44634339571407,26.86687862292512],"余坊乡":[117.28069069816476,26.87262034152361],"光明乡":[117.36113702631616,26.80755925883071],"南口乡":[117.42411369014995,26.60325157210157],"古镛镇":[117.46050516980887,26.76391837651059],"大源乡":[117.37043260992318,26.95757937846786],"安仁乡":[117.46207561003607,26.9841988548078],"水南镇":[117.4739857829559,26.71100491134712],"漠源乡":[117.56145019635426,26.64331923775359],"白莲镇":[117.34090986110529,26.50394753641707],"高唐镇":[117.57655912825626,26.81033025551736],"黄潭镇":[117.31617497314824,26.66635944736889]}
三明市将乐县行政划分代码
[{"name":"万全乡","code":"350428203000"},{"name":"万安镇","code":"350428101000"},{"name":"余坊乡","code":"350428206000"},{"name":"光明乡","code":""},{"name":"南口乡","code":""},{"name":"古镛镇","code":"350428100000"},{"name":"大源乡","code":"350428205000"},{"name":"安仁乡","code":"350428204000"},{"name":"水南镇","code":"350428105000"},{"name":"漠源乡","code":"350428201000"},{"name":"白莲镇","code":"350428103000"},{"name":"高唐镇","code":"350428102000"},{"name":"黄潭镇","code":"350428104000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看