echarts滨州市无棣县geoJson地图 visualMap控制地图颜色效果实例

geoJson2 yekong

数据大屏 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理滨州市无棣县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。

无棣县,隶属于山东省滨州市,地处山东省北部,东北濒临渤海湾,东南连沾化区,南靠阳信县,西接德州市庆云县,北以漳卫新河为界与河北省沧州市海兴县、黄骅市为邻。介于北纬37°4'—38°16',东经117°31'—118°04'之间,总面积2089.77平方千米 。截至2022年10月,无棣县下辖2个街道、10个镇 。截至2022年末,无棣县常住人口42.78万人。

echarts滨州市无棣县geoJson地图 visualMap控制地图颜色

echarts地图使用visualMap通过一组颜色及一组数据来实现地图不同区域根据不同数据进行颜色变化

echarts滨州市无棣县geoJson地图 visualMap控制地图颜色

echarts滨州市无棣县geoJson地图3d地图自定义贴图-绿色地面

3d地图自定义贴图-绿色地面,echarts结合echarts-gl实现3d地图自定义贴图效果,通过设置 shading: 'realistic',以及realisticMaterial来设置自定义纹理贴图,当前效果为绿色地面的效果实例

echarts滨州市无棣县geoJson地图3d地图自定义贴图-绿色地面

echarts滨州市无棣县geoJson地图label自定义样式

echarts通过scatter实例可以配置自己想要的图标,以及label文字的样式效果

echarts滨州市无棣县geoJson地图label自定义样式

threejs滨州市无棣县geoJson地图3d地图

通过threejs绘制的3d地图实例 vue3 threejs 在vue3项目中绘制3d地图效果实例,如果想系统的学习threejs的话,可以观看threejs视频 Three.js前端3D可视化教程

threejs滨州市无棣县geoJson地图3d地图

threejs滨州市无棣县geoJson地图3d地图自定义贴图加CSS2D标签

通过threejs绘制3d地图并添加CSS2D标签和自定义贴图

threejs滨州市无棣县geoJson地图3d地图自定义贴图加CSS2D标签

threejs滨州市无棣县geoJson地图3d地图添加旋转棱锥

通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例

threejs滨州市无棣县geoJson地图3d地图添加旋转棱锥

滨州市无棣县 下辖有 佘家镇,信阳镇,埕口镇,柳堡镇,水湾镇,车王镇,小泊头镇,棣丰街道,海丰街道,碣石山镇,西小王乡,马山子镇

滨州市无棣县下辖区域坐标

{"佘家镇":[117.83973746977455,37.79086044839667],"信阳镇":[117.6206247215807,37.81138211832737],"埕口镇":[117.83731575714481,38.16432035024353],"柳堡镇":[117.86994391773018,37.94713202283574],"水湾镇":[117.719772612832,37.81748650588243],"车王镇":[117.61935951452051,37.90840754903024],"小泊头镇":[117.61161765448045,38.00339568323322],"棣丰街道":[117.67873233409382,37.73746861610948],"海丰街道":[117.58110012881924,37.7500074587672],"碣石山镇":[117.669354042181,38.00018779912298],"西小王乡":[117.89260150020296,37.88483397332362],"马山子镇":[117.902473895772,38.07693167160747]}

滨州市无棣县行政划分代码

[{"name":"佘家镇","code":"371623108000"},{"name":"信阳镇","code":"371623109000"},{"name":"埕口镇","code":"371623104000"},{"name":"柳堡镇","code":"371623107000"},{"name":"水湾镇","code":"371623101000"},{"name":"车王镇","code":"371623106000"},{"name":"小泊头镇","code":"371623103000"},{"name":"棣丰街道","code":"371623001000"},{"name":"海丰街道","code":"371623002000"},{"name":"碣石山镇","code":"371623102000"},{"name":"西小王乡","code":""},{"name":"马山子镇","code":"371623105000"}]

说明

1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。

2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。

3、本数据仅用于echarts threejs地图效果展示。

4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示

滨州市无棣县echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts滨州市无棣县geoJson地图 visualMap控制地图颜色效果实例