可视化大屏 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是湘西土家族苗族自治州花垣县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts湘西土家族苗族自治州花垣县geoJson地图水滴状气泡图
echarts地图渲染时,会通过一个水滴状小气泡来将数值渲染到地图上,我们可以可以通过scatter来实现我们想要的效果.
echarts湘西土家族苗族自治州花垣县geoJson地图地图排行榜效果
echarts地图根据数据渲染不同颜色的地图,并根据数据大小显示前10名的排序效果,属于地图map类型和柱状图bar类型混合效果
echarts湘西土家族苗族自治州花垣县geoJson地图点击地图获取经纬度
echarts地图渲染后,有时候会需要点击后获取到经纬度信息,通过经纬度信息来查询一些内容,这里我们可以通过convertFromPixel来获取经纬度.
threejs湘西土家族苗族自治州花垣县geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果,如果想系统的学习threejs的话,可以观看threejs视频 Three.js前端3D可视化教程
threejs湘西土家族苗族自治州花垣县geoJson地图3d地图添加金色效果
通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰
threejs湘西土家族苗族自治州花垣县geoJson地图3d地图
通过threejs绘制的3d地图实例 vue3 threejs 在vue3项目中绘制3d地图效果实例
湘西土家族苗族自治州花垣县 下辖有 猫儿乡,花垣镇,补抽乡,边城镇,长乐乡,石栏镇,民乐镇,吉卫镇,双龙镇,雅酉镇,龙潭镇,麻栗场镇
湘西土家族苗族自治州花垣县下辖区域坐标
{"猫儿乡":[109.33062098097537,28.43797478541656],"花垣镇":[109.44896583826895,28.54410536918908],"补抽乡":[109.45239717137397,28.2882396001813],"边城镇":[109.30090329235661,28.51421520755275],"长乐乡":[109.55543855228898,28.55775843338459],"石栏镇":[109.40226525087738,28.40715766008925],"民乐镇":[109.30116379598124,28.36346332137679],"吉卫镇":[109.40073290314328,28.33064743684246],"双龙镇":[109.55392761259132,28.40592182649108],"雅酉镇":[109.38303544996171,28.22716827822011],"龙潭镇":[109.38604274891583,28.49021155533414],"麻栗场镇":[109.48257758287482,28.43611625649217]}
湘西土家族苗族自治州花垣县行政划分代码
[{"name":"猫儿乡","code":"433124206000"},{"name":"花垣镇","code":"433124109000"},{"name":"补抽乡","code":"433124213000"},{"name":"边城镇","code":"433124108000"},{"name":"长乐乡","code":"433124200000"},{"name":"石栏镇","code":"433124111000"},{"name":"民乐镇","code":"433124103000"},{"name":"吉卫镇","code":"433124105000"},{"name":"双龙镇","code":"433124110000"},{"name":"雅酉镇","code":"433124107000"},{"name":"龙潭镇","code":"433124102000"},{"name":"麻栗场镇","code":"433124106000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看