数据大屏 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理贵阳市云岩区echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts贵阳市云岩区geoJson地图定义颜色
echarts地图通过visualMap来事先设置好数据区间,根据区间来来显示地图的颜色,这里的visualMap数据是随机生成的,可以通过实例代码根据自己的需要配置颜色和数据区间.
echarts贵阳市云岩区geoJson地图点击弹出自定义弹窗
我们可以通过scatter来设置自定义样式,但是这种自定义局限性很大,如果要求的样式很复杂的话,scatter就不能很好的实现了,所以我们可以通过鼠标点击获取横纵坐标,然后通过css来定位到对应的位置.
echarts贵阳市云岩区geoJson地图3d地图自定义图标
echarts 3d地图添加自定义图标实例
threejs贵阳市云岩区geoJson地图3d地图css2d标签
通过threejs绘制的3d地图css2d标签实例,CSS2D面向摄像机,不随场景缩放而缩放 vue3 threejs实现在3d地图中绘制css2d地名,如果想系统的学习threejs的话,可以观看threejs课程视频 Three.js 3D可视化
threejs贵阳市云岩区geoJson地图3d地图添加金色效果
通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰
threejs贵阳市云岩区geoJson地图3d地图添加旋转棱锥
通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例
贵阳市云岩区 下辖有 中东社区服务中心,普陀社区服务中心,栖霞社区服务中心,中环社区服务中心,蔡关社区服务中心,圣泉社区服务中心,市西社区服务中心,延中社区服务中心,金狮社区服务中心,黔东社区服务中心,中华社区服务中心,中天社区服务中心,黔灵镇,普天社区服务中心,三桥社区服务中心,东山社区服务中心,头桥社区服务中心,威清社区服务中心,宅吉社区服务中心,省府社区服务中心,荷塘社区服务中心,贵乌社区服务中心,金关社区服务中心,金鸭社区服务中心,金龙社区服务中心,北京路社区服务中心,金惠社区服务中心
贵阳市云岩区下辖区域坐标
{"中东社区服务中心":[106.71680233375852,26.58524196522979],"普陀社区服务中心":[106.71431367159218,26.59507397514668],"栖霞社区服务中心":[106.7203386877614,26.59189519476909],"中环社区服务中心":[106.70373129943229,26.59266802877603],"蔡关社区服务中心":[106.65187178093032,26.56176153145548],"圣泉社区服务中心":[],"市西社区服务中心":[106.69624673736587,26.5799881565727],"延中社区服务中心":[106.70478566945681,26.58562802822157],"金狮社区服务中心":[106.72243448155024,26.60151491347077],"黔东社区服务中心":[106.71379838564303,26.58977423947718],"中华社区服务中心":[106.71077786856415,26.58426768840889],"中天社区服务中心":[],"黔灵镇":[],"普天社区服务中心":[],"三桥社区服务中心":[],"东山社区服务中心":[],"头桥社区服务中心":[106.68668083161889,26.59336373044681],"威清社区服务中心":[106.6979304466727,26.5888571248671],"宅吉社区服务中心":[],"省府社区服务中心":[],"荷塘社区服务中心":[106.65534589870427,26.60009344091485],"贵乌社区服务中心":[],"金关社区服务中心":[],"金鸭社区服务中心":[106.64407811894361,26.59085951398653],"金龙社区服务中心":[],"北京路社区服务中心":[106.70026383649574,26.59930102411392],"金惠社区服务中心":[106.61684971717315,26.57810745531728]}
贵阳市云岩区行政划分代码
[{"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":"520103100000"},{"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":""},{"name":"金惠社区服务中心","code":""}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看