21、基于Angular和Firebase的云地图及CRM微服务构建

基于Angular和Firebase的云地图及CRM微服务构建

1. 地图事件与标记设置

在地图应用中，我们已经有了地图展示，也具备将兴趣点保存到数据库以及在内存中移动它们的逻辑。但还缺少处理用户在地图上创建和管理标记的代码。为此，我们引入 MapEvents 类来完成这一任务，它是一个独立的实现。以下是该类的初始代码：

export class MapEvents {
  private readonly geocode: MapGeocode;
  private infoBox: Microsoft.Maps.Infobox;
  constructor(private map: Microsoft.Maps.Map, private pinsModel: PinsModel, private poi: PointsOfInterestService) {
  }
}

Infobox 是在屏幕上添加兴趣点时出现的信息框。为了节省资源，我们不打算每次添加兴趣点时都创建新的 Infobox ，而是添加一个单一的 Infobox 并在添加新点时重复使用它。为此，我们添加一个辅助方法来检查 Infobox 是否已设置：

private SetInfoBox(title: string, description: string, pin: Microsoft.M