Google Maps Platform

Steps:

Create Google Cloud account.
Enable “Maps Javascript API”.
Create API key.
Add code and key to app.

Example:

index.html


    <script async
            src="https://maps.googleapis.com/maps/api/js?key=<your_api_key>&callback=initMap">
    </script>
    <script>
        function initMap() {
            map = new google.maps.Map(document.getElementById("map"), {
                center: { lat: -34.397, lng: 150.644 },
                zoom: 8,
            });
        }
    </script>

mypage.razor

<div id="map" style="height:500px;width:100%;"></div>

mypagebase.cs

using Microsoft.JSInterop;

        [Inject]
        public IJSRuntime jsRuntime { get; set; }

        protected override async Task OnAfterRenderAsync(bool firstRender)
        {
            if (firstRender)
            {              
                await jsRuntime.InvokeVoidAsync("initMap");
                StateHasChanged();
            }
        }