Agm-Direction | This is the directive for @ agm/core | REST library

I am quite recent with angular (not to say noob) and I am strugling passing a standard Angular app to Angular Universal because of issues with Leaflet, I have found many exemples of projects working fine but there is no way that I manage to have it working the same way in my project. I managed to isolate the issue but i cannot solve it. I removed all references to leaflet in all the components and modules and just left the package.json as below :

I'm working with

I am trying to run an Ionic project in my Ubuntu 20.04 laptop but when I run ionic serve this error shows up. I have done npm install and my package.json has all the dependencies needed, I know this because this project currently runs on my Windows 10 pc. I don't want to install different versions of my dependencies because it will change the package.json. I don't know what else to do. This is my package.json.

package.json:

I get Direction between two points using this reference https://www.npmjs.com/package/agm-direction Now I want to get/calculate distance between two location and I'm Confusing how's do it.

In my Module

I'm using the agm-direction package to display route information on the agm-map (https://www.npmjs.com/package/agm-direction).

I would like to know how I can render the content of the infowindow for especially the origin marker:

the output looks like this:

I would like to do something like this, so I can build a more complex infowindow:

I am trying to retrieve the coordinates such as latitude and longitude when origin marker is dragged on map.

I tried to implement the dragend or dragended attributes but nothing works

html

I am implementing the angular google maps where I am getting pickup and destination location from user and displaying the direction through in angular google maps. I have displayed the marker for origin and destination on maps but after implementing the it started displaying the default markers 'A' and 'B'. I want to either remove these markers from map or change the default icons from 'A' and 'B' to some other icon.

After upgrading my angular project from 7 to 8 I got the follwoing error:

ERROR in node_modules/@angular/router/router.d.ts(1817,22): error TS2300: Duplicate identifier 'Router'

here is my tsconfig.json