数据大屏 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理杭州市拱墅区echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts杭州市拱墅区geoJson地图label自定义样式
echarts通过scatter实例可以配置自己想要的图标,以及label文字的样式效果
echarts杭州市拱墅区geoJson地图局部颜色渐变
echarts地图渲染,通过echarts.graphic.LinearGradient线性渐变来实现地图区域颜色的渐变效果
echarts杭州市拱墅区geoJson地图热力图
echarts通过heatmap实现热力图效果
threejs杭州市拱墅区geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁,如果想系统的学习threejs的话,可以观看threejs视频课程 Three.js前端3D可视化教程
threejs杭州市拱墅区geoJson地图3d地图
通过threejs绘制的3d地图实例 vue3 threejs 在vue3项目中绘制3d地图效果实例
杭州市拱墅区 下辖有 文晖街道,武林街道,潮鸣街道,东新街道,天水街道,朝晖街道,石桥街道,长庆街道,大关街道,湖墅街道,拱宸桥街道,米市巷街道,上塘街道,小河街道,半山街道,和睦街道,康桥街道,祥符街道
杭州市拱墅区下辖区域坐标
{"文晖街道":[120.17486562754115,30.29484867176073],"武林街道":[120.15849719574719,30.26781581068567],"潮鸣街道":[120.17868399880751,30.27005248227297],"东新街道":[120.16795122733514,30.31290487755203],"天水街道":[120.15959241006581,30.2716624065807],"朝晖街道":[120.15878332609091,30.28707898176234],"石桥街道":[120.18743957047408,30.33226158430076],"长庆街道":[120.17038817274917,30.26908432786291],"大关街道":[120.15235100179439,30.30422138453486],"湖墅街道":[120.14282738524716,30.30031151879346],"拱宸桥街道":[120.13346258886997,30.32073971927292],"米市巷街道":[120.14867530442672,30.28541130762531],"上塘街道":[120.15309478049781,30.32086269703919],"小河街道":[120.13139180522074,30.30547067251578],"半山街道":[120.18159493578008,30.37171243429996],"和睦街道":[120.1167066386857,30.31419365614986],"康桥街道":[120.14565718773412,30.36356577331165],"祥符街道":[120.10844637779465,30.31995746360197]}
杭州市拱墅区行政划分代码
[{"name":"文晖街道","code":"330105017000"},{"name":"武林街道","code":"330105013000"},{"name":"潮鸣街道","code":"330105015000"},{"name":"东新街道","code":"330105018000"},{"name":"天水街道","code":"330105012000"},{"name":"朝晖街道","code":"330105016000"},{"name":"石桥街道","code":"330105019000"},{"name":"长庆街道","code":"330105014000"},{"name":"大关街道","code":"330105007000"},{"name":"湖墅街道","code":"330105002000"},{"name":"拱宸桥街道","code":"330105005000"},{"name":"米市巷街道","code":"330105001000"},{"name":"上塘街道","code":"330105008000"},{"name":"小河街道","code":"330105003000"},{"name":"半山街道","code":"330105011000"},{"name":"和睦街道","code":"330105004000"},{"name":"康桥街道","code":"330105010000"},{"name":"祥符街道","code":"330105009000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看