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 的辅助方法：

private SetInfoBox(title: string, description: string, pin: Microsoft.Maps.Pushpin): void {
  if (!this.infoBox) {
    this.infoBox = new Mic