产品功能
0 1
技术栈
0 2
具体功能
城市场景渲染
通过antv/l7的图层 API，读取 mock 服务中的建筑数据，创建 3D 建筑图层并添加到地图场景，在主组件中调用该 hooks，实现建筑的可视化渲染。
地图控件集成
在组件中集成地图常用控件，调用已有方法，提供地图交互工具，增强用户对地图的操作能力。
可视化面板
使用现有素材设计页面标题栏及页脚，展示项目名称和附加信息，其中页脚用于放置其余功能开关按钮。引用形成页面的整体布局框架。
测量工具
借助 @antv/l7-draw 库创建不同的绘制工具实例，为绘制实例配置展示面积、距离等相关选项。
事故查询
利用 @antv/l7-draw 库创建不同的绘制工具实例，在绘制完成后过滤出在圈选范围内的GeoJSON 格式事故数据，并将数据加载到地图上。
控制中心
基于antv/G2Plot中的column\rose\pie组件制作图表，实现数据可视化。
地球自转
利用mapbox-gl的easeTo方法，定时更新地图中心点的角度，实现平滑旋转效果。
城市/地球视角切换
调用 map.flyTo 方法，通过改变缩放级别和倾斜角度实现不同视角的切换。
路径规划
使用 axios.create 创建 amapAPI 实例；调用高德路线规划相关API完善功能。
城市GDP
使用 fetch 加载地理数据，通过 @antv/l7 的 PolygonLayer 和 PointLayer 实现数据可视化，依托图层点击事件实现选中区域抬升及 tooltip 显示的交互效果。
景点查询
调用高德地图 API 进行景点数据搜索，利用 map.flyTo 方法实现景点定位，借助 @antv/l7 进行数据可视化。
公共设施查询
调用高德地图 API 进行数据搜索，利用 map.flyTo 方法实现设施定位，借助 @antv/l7 进行数据可视化。
地铁路线
调用高德地铁数据接口，获取地铁线路和站点的 GeoJSON 数据，在地图上添加对应的线图层和点图层实现地铁网络可视化。
天气查询
调用高德天气 API 获取实时天气和预报数据，利用 mapboxgl 在地图上添加圆点标记实现温度可视化，借助 G2Plot 绘制未来温度趋势图表。
了解更多+下方↓↓小助手