Angular-google-maps: Streetview in agm/core.

[elyfran]

how can i use SebmGoogleStreetView in agm/core?

[elyfran]

news?

[dgpoo]

@elyfran
:html
[latitude]="lat"
[longitude]="lng"
[heading]="heading"
[pitch]="pitch"
[zoom]="zoom"
>

:css
.sebm-google-street-view { height: 300px; }

before that you have to apply this changes in @npm packages:

https://github.com/SebastianM/angular-google-maps/pull/798/commits/db60b0d48adff94fb45b1cc38ca67164b045a9da

[cmddavid]

For my use case it was a little overkill to create a custom package, so I decided to create a simple component utilizing the @agm/core MapsAPILoader:

https://gist.github.com/cmddavid/65abdab6d2e1330b8838e795e7d6414b

Might be of use to anyone :-)

[abyrne85]

Potentially stupid question, but will sebm components work with agm-map component?
Will the street view component mentioned above work with the agm-core map component?

[cmddavid]

@abyrne85 You can use both of them on one page, but they dont have any communication between each other. So in my case I display the normal map and the street view map next to each other with the same latitude and longitude.

So the only way the above street view component(in my gist) is related to agm/core is that it utilizes the MapsAPILoader to do async maps API loading and prevent double configuration.

[abyrne85]

That did the trick. Thanks very much :)

[cmddavid]

@abyrne85 Glad it is of use to you. I realize now I did not add the HTML and CSS in the example, I think I will add it later.

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[raviada]

@cmddavid, do you mind sharing the html and css along with your component in the gist that you shared?

[cmddavid]

@raviada I updated the gist, if the street view for some reason doesnt become visible try setting a fixed width in pixels on the elements I gave a percentage height in the css file. Please note this css file probably contains some unused lines(I didn't do any clean up).