Карты Google в Angular 7

#angular #google-maps #border

#angular #google-карты #граница

Вопрос:

Добрый день. у меня есть проект в Angular, в который интегрирована карта Google. Моя проблема в том, что я не могу добавить границу вокруг окна КАРТЫ GOOGLE. и если я добавлю границу в css .., это просто покажет линию в верхней и нижней левой части окна gmap.

вот компонент html :

 <agm-map 
[latitude]="lat" 
[longitude]="lng"  
[zoom]="11.2"
>
</agm-map>
  

это компонент css без границ.

 agm-map {
    height: 550px;
    width: 700px;
    position: relative; right: 100px;
    border: solid white 10px;
}
  

Вот результат:

Комментарии:

1. Я думаю, что обертывание agm в div и придание границы этому div будет работать.

2. добавление к комментарию выше. попробуйте создать внешний div position: relative и компонент в виде position: absolute

3. да. это решает проблему. Спасибо