Google Maps is not displayed

[HiZackDavid]

Google map is not being displayed in our pages :

To check if we have anything wrong in our implementation, we copied the sample code for mapEvents, and we still run into the same issue.

We receive the following errors :

The demo seems to be working (at least it shows the map)

Other(s)

• We tried to use the demo Api Key, but we still run into the same issue

[valentasm1]

What could i say. Wish you luck finding it. I am out of the ideas :). IMO try using pure js map first. If it fails than it is zero related to blazor.

[HiZackDavid]

What could i say. Wish you luck finding it. I am out of the ideas :). IMO try using pure js map first. If it fails than it is zero related to blazor.

You mention being out of ideas, have you ever run into this issue before ?

[valentasm1]

Surprisingly i dont use blazor maps. I have very small project where i come up once/twice a year. Thats all. So i couldnt comment from practical side. I still do work on this lib when have time or review PR. From that side didnt get such issues. 403/401 looks like some intranet filtering or some missing checkbox in google console. I doubt it will come from library itself.

Maybe this https://github.com/rungwiroon/BlazorGoogleMaps/issues/44

[HiZackDavid]

I managed to fix the issue using a very specific version of the google maps api. This is thanks to the suggestion made for this stackoverflow question : https://stackoverflow.com/questions/76944666/google-map-api-gray-box-map-not-displaying

In short, instead of :

I used :

It still has one issue I am trying to figure out but at least it is now showing a map.

For more info on google api versioning : https://developers.google.com/maps/documentation/javascript/versions#documentation-for-the-api-versions

[valentasm1]

So happy that you solved and even more that you shared knowledge. Sharing is caring :)