数据大屏 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理昌都市芒康县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts昌都市芒康县geoJson地图添加柱状图
echarts地图渲染时,为了让地图上的数据有一个对比的效果,会在地图上标注柱状图,以便于更直观的看出各个区域的数值.
echarts昌都市芒康县geoJson地图3d地图
使用的是echarts-gl结合echarts实现的3d地图效果实例
echarts昌都市芒康县geoJson地图3d地图实例旋转动画
使用的是echarts-gl结合echarts实现的3d地图效果实例
threejs昌都市芒康县geoJson地图3d地图添加金色效果
通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰,如果想系统的学习threejs的话,可以观看threejs视频教程 Three.js 3D可视化
threejs昌都市芒康县geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁
昌都市芒康县 下辖有 戈波乡,嘎托镇,如美镇,宗西乡,帮达乡,措瓦乡,昂多乡,曲登乡,木许乡,洛尼乡,莽岭乡,曲孜卡乡,朱巴龙乡,索多西乡,纳西民族乡,徐中乡
昌都市芒康县下辖区域坐标
{"戈波乡":[98.82638516627905,30.2311828460518],"嘎托镇":[98.52959733144002,29.53132863409834],"如美镇":[98.37783616338155,29.70070971450203],"宗西乡":[98.71362018332869,29.99409480146951],"帮达乡":[98.7682399386573,29.49462566756454],"措瓦乡":[98.23230998105595,29.97541564722921],"昂多乡":[98.50810426452662,30.06243448863536],"曲登乡":[98.21960122886243,29.47949628364096],"木许乡":[98.61290986140841,28.84121740230496],"洛尼乡":[98.60519363165791,29.82986277092031],"莽岭乡":[98.92354229198335,29.47987966649625],"曲孜卡乡":[98.56855312677169,29.21609998074956],"朱巴龙乡":[98.90716399927686,29.88608167850955],"索多西乡":[99.0038018760832,29.39246721730843],"纳西民族乡":[98.61887516187616,29.01092810364035],"徐中乡":[98.84425429094233,29.08915862162046]}
昌都市芒康县行政划分代码
[{"name":"戈波乡","code":"540328206000"},{"name":"嘎托镇","code":"540328100000"},{"name":"如美镇","code":"540328101000"},{"name":"宗西乡","code":"540328202000"},{"name":"帮达乡","code":"540328207000"},{"name":"措瓦乡","code":"540328204000"},{"name":"昂多乡","code":"540328203000"},{"name":"曲登乡","code":"540328209000"},{"name":"木许乡","code":"540328210000"},{"name":"洛尼乡","code":"540328205000"},{"name":"莽岭乡","code":"540328201000"},{"name":"曲孜卡乡","code":"540328213000"},{"name":"朱巴龙乡","code":""},{"name":"索多西乡","code":"540328200000"},{"name":"纳西民族乡","code":"540328211000"},{"name":"徐中乡","code":"540328208000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看