Блог

Я пытаюсь использовать Google map в своем приложении. Возможно ли рисование на карте Google и подсчет pushpin внутри. Например, я отмечаю область и где-то возвращает количество выбранных клиентов, например.Карта, как показано ниже.

Вот как я показываю данные :

Это мой компонент :

 import { Component, OnInit } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import {Client} from 'src/models/client';
import { ClientService } from '../clientService';


@Component({
  selector: 'app-clients-on-map',
  templateUrl: './clients-on-map.component.html',
  styleUrls: ['./clients-on-map.component.css']
})
export class ClientsOnMapComponent implements OnInit {
  title = 'WhiteSpaceMapWebUI';
  lat : number = 52.237049;
  lng : number = 21.017532;

 clientList : Array<Client>;



  constructor(private client : ClientService){}
  
  ngOnInit(): void {
    this.getClients();
  }


  getClients(){
    this.client.getClients().subscribe(clients => this.clientList = clients) ;};

  }
  

И мой клиентский сервис :

 @Injectable()
export class ClientService {

    private url : string = '/api/Client';

    constructor(private http : HttpClient){}
    
      getClients() : Observable<Client[]> {
        return this.http.get<Client[]>(this.url);
       }
}