Add `mapId` map init option to `agm-map` directive

[shaji-Dev]

Not all google.maps.Map options are included in the directive, it is missing a very important feature which is the mapId and this is different than the mapTypeId, it allows us to use the Google Maps API styling and Vector maps for the recently introduced WebGL features:

• https://developers.google.com/maps/documentation/javascript/styling
• https://issuetracker.google.com/issues/35821626

This is very important for our project and we would very much appreciate the inclusion of mapId in the <agm-map> component, because mapId can only be set for the map options when initializing google.maps.Map(element, options) as the setOptions({ mapId: "..."}) has no effect later as the documentation mentions,

Thank you.

[egarkavy]

This is really important and good thing For some reason this PR was canceled https://github.com/SebastianM/angular-google-maps/pull/1888

It doesn't seem to be a lot of effort to add this feature

[shaji-Dev]

@SebastianM Any news on the next update? Thank you.

[xwing23]

This would be really helpful to have in there so we can control what style of map Google serves up on the GCP console.

[julienM77]

I would also like to use this feature and considering the cancelled PR #1888 , it doesn't look complicated to set up. But considering the history of the project, the absence of updates for 5 months, @SebastianM Is the project still being maintained?

[AyalaBarzilay]

I am also trying to figure out how can I use mapID & webGLOverlay with AGM, unfortunately cannot find any way.

[andres-osorio]

hello everyone, is there any way to set the mapId manually by modifying the agm source code? the code that is the folder node_modules/@agm/core in the node

[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.

[andres-osorio]

do something about it please

[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.

[MarkGrenville]

I'd also like to see this

[julienM77]

If it helps, I ended up migrating my project to angular 13 and using the "official" google map component, my transition didn't require much modification https://github.com/angular/components/tree/master/src/google-maps#readme