angular-google-maps | Angular 2 Google Maps Components | Command Line Interface library

I'm working with

I am using Angular Google Maps in my app, but I cannot use google.maps.places.PlaceResult as a type for an important variable in my code.

I am implementing this code: (Scroll down to Add Location/Places Search bar)

https://www.freakyjolly.com/angular-7-6-add-google-maps-in-angular-2-plus-applications-using-angular-google-maps-module-agm-core-easily/

I am doing a places search on the map, and I am getting this error:

In this code:

This question has appeared similarly in many places where the solution is to simply add

How to use tilesLoaded in agm angular google map. I want to do some action after map has fully loaded. Is there any example to use tilesLoaded in angular (v8)?

https://github.com/SebastianM/angular-google-maps/commit/d4f1371

I am trying to customize the google maps with the help of https://mapstyle.withgoogle.com/, custom google maps styling.

I am using angular google maps(https://github.com/SebastianM/angular-google-maps) library in my angular app.

I want to include the XML so that the agm-map is displayed with custom styles. But I don't know how to do it in agm-map.

Please help me.

I'm using this Framework in an Angular 6 project:

• https://github.com/SebastianM/angular-google-maps
• https://angular-maps.com/

It's my first project with Angular so I'm still figuring out how it works at some points. The status of my project right now is the following: I'm able to load the map with a specific location as the centre. It's also loading markers and clusters them when zooming out. In a sidemenu all markeritems are listed and show some information about the location. I also implemented some user interaction: Hovering on a marker or listitem in the sidemenu highlights the corresponding item in the list/map. Also some detailed information is shown in the sidemenu when clicking on a marker or listitem. So far so good.

Now I want to extract all markers which are located inside the current bounds of the map to shorten the list in the sidemenu. In the Template of the Component I'm using the map as following (I've extracted the part where the map is used):

I'm trying to add AGM Angular Google Maps (https://github.com/SebastianM/angular-google-maps) to my Angular4 Project

Guide followed: https://github.com/SebastianM/angular-google-maps/blob/master/docs/getting-started.jade

The error I get when I visit the page with the agm component:

I am getting the following error: ERROR Error: Uncaught (in promise): TypeError: Cannot read property 'nativeElement' of undefined.

This occurs when I try to add a div with an ngIf and inside a google map:

HTML:

My Geocoder in my Angular project is crashing because it is undefined. I tried this: Getting 'Uncaught TypeError: Cannot read property 'geocode' of undefined ' error

But it doesn't work if I initialize it first or assign it. Both do not work.

My code, error in the first line: