随着开发 数据可视化大屏 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理金昌市金川区echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts金昌市金川区geoJson地图3d地图自定义图标
echarts 3d地图添加自定义图标实例
echarts金昌市金川区geoJson地图3d地图
使用的是echarts-gl结合echarts实现的3d地图效果实例
echarts金昌市金川区geoJson地图label自定义样式
echarts通过scatter实例可以配置自己想要的图标,以及label文字的样式效果
threejs金昌市金川区geoJson地图3d地图添加旋转棱锥
通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例,如果想系统的学习threejs的话，可以观看threejs课程视频 WebGL前端3D可视化教程
threejs金昌市金川区geoJson地图3d地图红色描边闪烁警报
通过threejs绘制3d地图使用outlinePass 实现发光描边闪烁效果 以实现警报功能
threejs金昌市金川区geoJson地图3d地图
通过threejs绘制的3d地图实例
金昌市金川区 下辖有 桂林路街道,新华路街道,滨河路街道,北京路街道,广州路街道,金川路街道,双湾镇,宁远堡镇,桂林路街道,新华路街道,滨河路街道,北京路街道,广州路街道,金川路街道,双湾镇,宁远堡镇
金昌市金川区下辖区域坐标
{"桂林路街道":[102.19502025532566,38.53323498365008],"新华路街道":[102.1740464276975,38.53837932303205],"滨河路街道":[102.1336461482302,38.50181725737478],"北京路街道":[102.1935422570856,38.50381927998927],"广州路街道":[102.2000162571795,38.52192419888232],"金川路街道":[102.18286765045909,38.51158975157561],"双湾镇":[102.2335864839117,38.68991682360308],"宁远堡镇":[]}
金昌市金川区行政划分代码
[{"name":"桂林路街道","code":"620302002000"},{"name":"新华路街道","code":"620302005000"},{"name":"滨河路街道","code":"620302001000"},{"name":"北京路街道","code":"620302003000"},{"name":"广州路街道","code":"620302006000"},{"name":"金川路街道","code":"620302004000"},{"name":"双湾镇","code":"620302101000"},{"name":"宁远堡镇","code":"620302100000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
