随着开发 大屏数据可视化 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理宿迁市宿豫区echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts宿迁市宿豫区geoJson地图局部颜色渐变
echarts地图渲染,通过echarts.graphic.LinearGradient线性渐变来实现地图区域颜色的渐变效果
echarts宿迁市宿豫区geoJson地图水滴状气泡图
echarts地图渲染时,会通过一个水滴状小气泡来将数值渲染到地图上,我们可以可以通过scatter来实现我们想要的效果.
echarts宿迁市宿豫区geoJson地图3d地图实例旋转动画
使用的是echarts-gl结合echarts实现的3d地图效果实例
threejs宿迁市宿豫区geoJson地图3d地图
通过threejs绘制的3d地图实例 vue3 threejs 在vue3项目中绘制3d地图效果实例,如果对threejs感兴趣，可以观看threejs视频课程 3D可视化Three.js视频教程
threejs宿迁市宿豫区geoJson地图3d地图自定义贴图加CSS3D标签
通过threejs绘制3d地图并添加CSS3D标签和自定义贴图
threejs宿迁市宿豫区geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮
宿迁市宿豫区 下辖有 侍岭镇,黄墩镇,保安乡,嶂山林场,关庙镇,大兴镇,新庄镇,井头乡,仰化镇,丁嘴镇,顺河镇,宿豫经济开发区,晓店镇,曹集乡,宿迁生态化工科技产业园,来龙镇,皂河镇,陆集镇,张家港宿豫工业园,宿迁市软件与服务外包产业园
宿迁市宿豫区下辖区域坐标
{"侍岭镇":[118.46231440374623,34.08774639113769],"黄墩镇":[118.05109543193981,34.12911884900683],"保安乡":[118.52521612159936,34.01519758419406],"嶂山林场":[118.3202026922663,34.03989011025208],"关庙镇":[118.5231067753351,33.95766369604115],"大兴镇":[118.46990791396888,33.89887422674918],"新庄镇":[118.4488085012007,33.96961024755338],"井头乡":[118.33982055541671,34.02250230691888],"仰化镇":[118.50024274363396,33.83503290279886],"丁嘴镇":[118.54689715036896,33.8627968373798],"顺河镇":[118.35296412753016,33.95395675021253],"宿豫经济开发区":[118.35114500550978,33.89041929246778],"晓店镇":[118.27491207146295,34.07399162195868],"曹集乡":[118.3866347778351,33.99353057285818],"宿迁生态化工科技产业园":[118.37381829224695,34.09901418212471],"来龙镇":[118.48894175268603,34.04169190246401],"皂河镇":[118.16744531388,34.07707714878499],"陆集镇":[118.40466823708803,33.86981597804072],"张家港宿豫工业园":[118.3663880565841,33.9302856381078],"宿迁市软件与服务外包产业园":[118.28192176148994,34.05480004014349]}
宿迁市宿豫区行政划分代码
[{"name":"侍岭镇","code":""},{"name":"黄墩镇","code":""},{"name":"保安乡","code":""},{"name":"嶂山林场","code":"321311450000"},{"name":"关庙镇","code":"321311111000"},{"name":"大兴镇","code":"321311106000"},{"name":"新庄镇","code":"321311113000"},{"name":"井头乡","code":""},{"name":"仰化镇","code":"321311105000"},{"name":"丁嘴镇","code":""},{"name":"顺河镇","code":""},{"name":"宿豫经济开发区","code":"321311401000"},{"name":"晓店镇","code":""},{"name":"曹集乡","code":"321311201000"},{"name":"宿迁生态化工科技产业园","code":"321311402000"},{"name":"来龙镇","code":"321311108000"},{"name":"皂河镇","code":"321311151000"},{"name":"陆集镇","code":""},{"name":"张家港宿豫工业园","code":"321311403000"},{"name":"宿迁市软件与服务外包产业园","code":"321311451000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
