Проблемы с библиотекой @ agm / core в Angular 8 (пробелы на карте Google) - PullRequest
Новая
       30

Проблемы с библиотекой @ agm / core в Angular 8 (пробелы на карте Google)

0 голосов
/ 23 января 2020

У меня проблема с библиотекой @ agm / core. Вот как выглядит моя карта:

enter image description here

Там много пустых мест!

Это мой комп onet структура:

google-map.component. html: 

<div #googleMap class=google-map></div>

google-map.component.ts: 

export class GoogleMapComponent implements OnInit {
    @ViewChild('googleMap', {static: true}) googleMap: ElementRef;
    @Input() lat: any;
    @Input() lng: any;
    zoom = 15;
    address: any;
    marker: google.maps.Marker;
    map: google.maps.Map;
    geocoder: google.maps.Geocoder;

    constructor(){}

    ngOnInit() {
        this.initMap();
    }

    initMap(){
        const lat = parseFloat(this.lat) || 10.484676;
        const lng = parseFloat(this.lng) || -66.831576;
        const mapDOM = this.googleMap.nativeElement;
        this.geocoder = new google.maps.Geocoder;
        this.map = new google.maps.Map(mapDOM, {
            center: {lat, lng},
            zoom: self.zoom,
            zoomControl: false,
            mapTypeControl: false,
            scaleControl: false,
            streetViewControl: false,
            rotateControl: false,
            fullscreenControl: false
        });

        this.marker = new google.maps.Marker({
            position: {lat, lng},
            map: self.map,
            draggable: self.markerDraggable
        });
    }

google-map.component.module.ts: 

@NgModule({
    declarations: [
        GoogleMapComponent
    ],
    imports: [
        CommonModule,
    ],
    exports: [
        GoogleMapComponent
    ]
})

Любая помощь будет принята с благодарностью! Спасибо

...