可视化数据大屏 项目中经常需要渲染echarts地图，为了不同城市快速实现，将不同城市的echarts地图效果整理出来，今天为大家整理大理白族自治州宾川县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts大理白族自治州宾川县geoJson地图圆形波纹状气泡图
echarts地图渲染时,会通过effectScatter实现一个圆形外加波纹扩散效果的气泡来使页面看起来更酷炫.
echarts大理白族自治州宾川县geoJson地图tooltip自定义html
echarts tooltip演示自定义,通过toolTip的formatter方法以html+css的方式实现自己想要的样式效果,鼠标移上去就可以看到我们想要的效果了,也可以通过css自定义为自己需要的样式.
echarts大理白族自治州宾川县geoJson地图3d地图自定义贴图-绿色地面
3d地图自定义贴图-绿色地面,echarts结合echarts-gl实现3d地图自定义贴图效果,通过设置 shading: 'realistic',以及realisticMaterial来设置自定义纹理贴图,当前效果为绿色地面的效果实例
threejs大理白族自治州宾川县geoJson地图3d地图自定义贴图加CSS3D标签
通过threejs绘制3d地图并添加CSS3D标签和自定义贴图,如果想系统的学习threejs的话，可以观看threejs教程视频 WebGL 3D可视化教程
threejs大理白族自治州宾川县geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果
threejs大理白族自治州宾川县geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁
大理白族自治州宾川县 下辖有 乔甸镇,州城镇,平川镇,金牛镇,鸡足山镇,钟英傈僳族彝族乡,大营镇,宾居镇,拉乌彝族乡,力角镇
大理白族自治州宾川县下辖区域坐标
{"乔甸镇":[100.63201719239026,25.65820812020883],"州城镇":[100.58951119837002,25.69867912331133],"平川镇":[100.78425912862349,26.01505367107278],"金牛镇":[100.56524723319515,25.81870154196992],"鸡足山镇":[100.4134087217887,25.89099074298892],"钟英傈僳族彝族乡":[100.7768111337254,26.10321989757527],"大营镇":[100.40308502436758,25.74661701978605],"宾居镇":[100.47802761437347,25.66159730346656],"拉乌彝族乡":[100.85982329356149,25.88559737169474],"力角镇":[100.57528599988595,25.95803673691959]}
大理白族自治州宾川县行政划分代码
[{"name":"乔甸镇","code":"532924108000"},{"name":"州城镇","code":"532924103000"},{"name":"平川镇","code":"532924107000"},{"name":"金牛镇","code":"532924101000"},{"name":"鸡足山镇","code":"532924105000"},{"name":"钟英傈僳族彝族乡","code":"532924201000"},{"name":"大营镇","code":"532924104000"},{"name":"宾居镇","code":"532924102000"},{"name":"拉乌彝族乡","code":"532924202000"},{"name":"力角镇","code":"532924106000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
