随着开发 数据大屏 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理贵阳市花溪区echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts贵阳市花溪区geoJson地图 visualMap控制地图颜色
echarts地图使用visualMap通过一组颜色及一组数据来实现地图不同区域根据不同数据进行颜色变化
echarts贵阳市花溪区geoJson地图点击跳转到指定页面
为图标添加点击事件,点击图标,跳转到指定页面
echarts贵阳市花溪区geoJson地图局部颜色渐变
echarts地图渲染,通过echarts.graphic.LinearGradient线性渐变来实现地图区域颜色的渐变效果
threejs贵阳市花溪区geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果,如果对threejs感兴趣，可以观看threejs课程视频 WebGL 3D可视化教程
threejs贵阳市花溪区geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果
threejs贵阳市花溪区geoJson地图3d地图
通过threejs绘制的3d地图实例 vue3 threejs 在vue3项目中绘制3d地图效果实例
贵阳市花溪区 下辖有 党武镇,燕楼镇,石板镇,青岩镇,麦坪镇,高坡苗族乡,三江社区服务中心,兴隆社区服务中心,明珠社区服务中心,平桥社区服务中心,清浦社区服务中心,瑞华社区服务中心,清溪社区服务中心,航天社区服务中心,航空社区服务中心,金欣社区服务中心,阳光社区服务中心,黔江社区服务中心,黔陶布依族苗族乡,久安乡,孟关苗族布依族乡,小孟社区服务中心,湖潮苗族布依族乡,溪北社区服务中心,花孟社区服务中心,贵筑社区服务中心,金竹社区服务中心,马铃布依族苗族乡,黄河社区服务中心
贵阳市花溪区下辖区域坐标
{"党武镇":[106.59791689721783,26.3783780582441],"燕楼镇":[106.58828920777972,26.31353912203653],"石板镇":[106.59244793406445,26.45770564139612],"青岩镇":[106.67613050641621,26.32571711322419],"麦坪镇":[106.54124991118192,26.50906919158735],"高坡苗族乡":[106.82357378887545,26.25528439057222],"三江社区服务中心":[],"兴隆社区服务中心":[106.68968130903107,26.52068806160101],"明珠社区服务中心":[106.66527408725793,26.44529953713384],"平桥社区服务中心":[],"清浦社区服务中心":[],"瑞华社区服务中心":[],"清溪社区服务中心":[106.66928960858365,26.37883158862525],"航天社区服务中心":[],"航空社区服务中心":[106.71066286049242,26.49533003826881],"金欣社区服务中心":[],"阳光社区服务中心":[],"黔江社区服务中心":[106.70439329967917,26.53139151876458],"黔陶布依族苗族乡":[106.77772805903945,26.3285032302592],"久安乡":[106.5943937111038,26.52665254405027],"孟关苗族布依族乡":[106.76320368946324,26.43516110859919],"小孟社区服务中心":[106.70556039639854,26.44956250020056],"湖潮苗族布依族乡":[106.5128000370079,26.43392237088101],"溪北社区服务中心":[106.65513891606705,26.46687211989871],"花孟社区服务中心":[106.69995967967125,26.41657600553283],"贵筑社区服务中心":[106.6338732686028,26.41903593936867],"金竹社区服务中心":[106.64009023662653,26.52400018716323],"马铃布依族苗族乡":[106.55679299923106,26.27216093048616],"黄河社区服务中心":[]}
贵阳市花溪区行政划分代码
[{"name":"党武镇","code":""},{"name":"燕楼镇","code":"520111105000"},{"name":"石板镇","code":"520111102000"},{"name":"青岩镇","code":"520111101000"},{"name":"麦坪镇","code":"520111104000"},{"name":"高坡苗族乡","code":"520111207000"},{"name":"三江社区服务中心","code":""},{"name":"兴隆社区服务中心","code":""},{"name":"明珠社区服务中心","code":""},{"name":"平桥社区服务中心","code":""},{"name":"清浦社区服务中心","code":""},{"name":"瑞华社区服务中心","code":""},{"name":"清溪社区服务中心","code":""},{"name":"航天社区服务中心","code":""},{"name":"航空社区服务中心","code":""},{"name":"金欣社区服务中心","code":""},{"name":"阳光社区服务中心","code":""},{"name":"黔江社区服务中心","code":""},{"name":"黔陶布依族苗族乡","code":"520111208000"},{"name":"久安乡","code":"520111205000"},{"name":"孟关苗族布依族乡","code":"520111201000"},{"name":"小孟社区服务中心","code":""},{"name":"湖潮苗族布依族乡","code":"520111204000"},{"name":"溪北社区服务中心","code":""},{"name":"花孟社区服务中心","code":""},{"name":"贵筑社区服务中心","code":""},{"name":"金竹社区服务中心","code":""},{"name":"马铃布依族苗族乡","code":"520111209000"},{"name":"黄河社区服务中心","code":""}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
