随着开发 可视化大屏 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理宁波市余姚市echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts宁波市余姚市geoJson地图地图排行榜效果
echarts地图根据数据渲染不同颜色的地图,并根据数据大小显示前10名的排序效果,属于地图map类型和柱状图bar类型混合效果
echarts宁波市余姚市geoJson地图 tooltip轮播
echarts地图实现类似tooltip轮播效果,通过effectScatter实现浮窗,并通过定时修改effectScatter的data来实现浮窗的移动.
echarts宁波市余姚市geoJson地图地图下钻展示
地图下钻展示,点击地图后,只显示当前选中的区域,可点击返回显示全部地图.
threejs宁波市余姚市geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果,如果想系统的学习threejs的话，可以观看threejs视频课程 WebGL 3D可视化教程
threejs宁波市余姚市geoJson地图3d地图自定义贴图加CSS3D标签
通过threejs绘制3d地图并添加CSS3D标签和自定义贴图
threejs宁波市余姚市geoJson地图3d地图添加旋转棱锥
通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例
宁波市余姚市 下辖有 临山镇,大岚镇,大隐镇,梁弄镇,兰江街道,朗霞街道,梨洲街道,河姆渡镇,阳明街道,丈亭镇,凤山街道,四明山镇,泗门镇,牟山镇,陆埠镇,马渚镇,鹿亭乡,三七市镇,低塘街道,小曹娥镇,黄家埠镇
宁波市余姚市下辖区域坐标
{"临山镇":[120.98587397119903,30.15349171947432],"大岚镇":[121.13044327687354,29.80526402681269],"大隐镇":[121.33473239250918,29.92684975156889],"梁弄镇":[121.06612976680465,29.90899609413234],"兰江街道":[121.09974577048612,30.00484538506339],"朗霞街道":[121.1036040868494,30.15295114150027],"梨洲街道":[121.16097735442955,29.97214366917629],"河姆渡镇":[121.3121913989031,29.96928121709929],"阳明街道":[121.11186396337115,30.08431830196985],"丈亭镇":[121.26841120299764,30.03949713220375],"凤山街道":[121.19333722657382,30.06731746188816],"四明山镇":[121.0887257788929,29.72491966340421],"泗门镇":[121.02698111499545,30.18028896185617],"牟山镇":[121.00131792512082,30.06135990454249],"陆埠镇":[121.23177500406143,29.95246131987527],"马渚镇":[121.04967270603518,30.07049737320479],"鹿亭乡":[121.16963602643378,29.86744807882916],"三七市镇":[121.36516129811102,30.03118946853989],"低塘街道":[121.18019822425279,30.14047861849141],"小曹娥镇":[120.98753943614567,30.26772178907402],"黄家埠镇":[120.9590697960785,30.13816702446892]}
宁波市余姚市行政划分代码
[{"name":"临山镇","code":"330281100000"},{"name":"大岚镇","code":"330281115000"},{"name":"大隐镇","code":"330281112000"},{"name":"梁弄镇","code":"330281114000"},{"name":"兰江街道","code":"330281003000"},{"name":"朗霞街道","code":"330281006000"},{"name":"梨洲街道","code":"330281001000"},{"name":"河姆渡镇","code":"330281111000"},{"name":"阳明街道","code":"330281004000"},{"name":"丈亭镇","code":"330281109000"},{"name":"凤山街道","code":"330281002000"},{"name":"四明山镇","code":"330281116000"},{"name":"泗门镇","code":"330281103000"},{"name":"牟山镇","code":"330281108000"},{"name":"陆埠镇","code":"330281113000"},{"name":"马渚镇","code":"330281106000"},{"name":"鹿亭乡","code":"330281201000"},{"name":"三七市镇","code":"330281110000"},{"name":"低塘街道","code":"330281005000"},{"name":"小曹娥镇","code":"330281102000"},{"name":"黄家埠镇","code":"330281101000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
