随着开发 可视化大屏 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理宁波市海曙区echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts宁波市海曙区geoJson地图3d地图自定义贴图-绿色地面
3d地图自定义贴图-绿色地面,echarts结合echarts-gl实现3d地图自定义贴图效果,通过设置 shading: 'realistic',以及realisticMaterial来设置自定义纹理贴图,当前效果为绿色地面的效果实例
echarts宁波市海曙区geoJson地图阴影
echarts地图阴影效果实例,通过shadowColor控制阴影的颜色,通过shadowBlur控制范围,通过shadowOffsetX和shadowOffsetY控制偏移.
echarts宁波市海曙区geoJson地图 visualMap控制地图颜色
echarts地图使用visualMap通过一组颜色及一组数据来实现地图不同区域根据不同数据进行颜色变化
threejs宁波市海曙区geoJson地图3d地图css2d标签
通过threejs绘制的3d地图css2d标签实例，CSS2D面向摄像机,不随场景缩放而缩放 vue3 threejs实现在3d地图中绘制css2d地名,如果对threejs感兴趣，可以观看threejs视频 3D可视化Three.js视频教程
threejs宁波市海曙区geoJson地图3d地图自定义贴图加CSS3D标签
通过threejs绘制3d地图并添加CSS3D标签和自定义贴图
threejs宁波市海曙区geoJson地图3d地图添加金色效果
通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰
宁波市海曙区 下辖有 古林镇,横街镇,洞桥镇,章水镇,鄞江镇,高桥镇,龙观乡,石碶街道,集士港镇,南门街道,月湖街道,西门街道,鼓楼街道,白云街道,望春街道,段塘街道,江厦街道
宁波市海曙区下辖区域坐标
{"古林镇":[121.44292815337627,29.83622372543488],"横街镇":[121.32585090610112,29.87435157487949],"洞桥镇":[121.4024415202343,29.77459887468985],"章水镇":[121.23725295812304,29.79927348095956],"鄞江镇":[121.3430253622794,29.78639088976455],"高桥镇":[121.43804921646827,29.90287053749032],"龙观乡":[121.2679267071242,29.76920917626042],"石碶街道":[121.46661895113299,29.80770099215239],"集士港镇":[121.41649994558574,29.87646955287653],"南门街道":[121.53515441001792,29.86547466850358],"月湖街道":[121.53957732125761,29.86957711241977],"西门街道":[121.56663462925638,29.89734635583581],"鼓楼街道":[121.5453893792866,29.88114805846617],"白云街道":[121.51680491467718,29.87223540044854],"望春街道":[121.504691636661,29.88445946247417],"段塘街道":[121.51745485158474,29.84680510719549],"江厦街道":[121.55031296288394,29.86774411771055]}
宁波市海曙区行政划分代码
[{"name":"古林镇","code":"330203103000"},{"name":"横街镇","code":"330203101000"},{"name":"洞桥镇","code":"330203104000"},{"name":"章水镇","code":"330203106000"},{"name":"鄞江镇","code":"330203105000"},{"name":"高桥镇","code":"330203100000"},{"name":"龙观乡","code":"330203200000"},{"name":"石碶街道","code":"330203009000"},{"name":"集士港镇","code":"330203102000"},{"name":"南门街道","code":"330203001000"},{"name":"月湖街道","code":"330203004000"},{"name":"西门街道","code":"330203003000"},{"name":"鼓楼街道","code":"330203005000"},{"name":"白云街道","code":"330203006000"},{"name":"望春街道","code":"330203008000"},{"name":"段塘街道","code":"330203007000"},{"name":"江厦街道","code":"330203002000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
