可视化大屏 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是西宁市城东区echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts西宁市城东区geoJson地图阴影
echarts地图阴影效果实例,通过shadowColor控制阴影的颜色,通过shadowBlur控制范围,通过shadowOffsetX和shadowOffsetY控制偏移.
echarts西宁市城东区geoJson地图点击地图插小旗
echarts地图渲染点击地图显示自定义效果实例,效果类似点击插小旗的效果,通过scatter实现.
echarts西宁市城东区geoJson地图添加柱状图
echarts地图渲染时,为了让地图上的数据有一个对比的效果,会在地图上标注柱状图,以便于更直观的看出各个区域的数值.
threejs西宁市城东区geoJson地图3d地图
通过threejs绘制的3d地图实例 vue3 threejs 在vue3项目中绘制3d地图效果实例,如果对threejs感兴趣,可以观看threejs视频教程 Three.js前端3D可视化
threejs西宁市城东区geoJson地图3d地图添加旋转棱锥
通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例
threejs西宁市城东区geoJson地图3d地图添加金色效果
通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰
西宁市城东区 下辖有 东关大街街道,火车站街道,大众街街道,乐家湾镇,清真巷街道,八一路街道,周家泉街道,林家崖街道,韵家口镇
西宁市城东区下辖区域坐标
{"东关大街街道":[101.79763039084449,36.62105863920751],"火车站街道":[101.82892552256348,36.61739024893464],"大众街街道":[101.79331879951026,36.5961757635343],"乐家湾镇":[101.85454285608233,36.55933290619362],"清真巷街道":[101.78677898941106,36.60048797778954],"八一路街道":[101.80670389331907,36.57754976204006],"周家泉街道":[101.80683608366792,36.61200772164821],"林家崖街道":[101.80525447268138,36.63608532098681],"韵家口镇":[101.85196707635922,36.60787399931878]}
西宁市城东区行政划分代码
[{"name":"东关大街街道","code":"630102001000"},{"name":"火车站街道","code":"630102005000"},{"name":"大众街街道","code":"630102003000"},{"name":"乐家湾镇","code":"630102100000"},{"name":"清真巷街道","code":"630102002000"},{"name":"八一路街道","code":"630102006000"},{"name":"周家泉街道","code":"630102004000"},{"name":"林家崖街道","code":"630102007000"},{"name":"韵家口镇","code":"630102101000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看