Google maps on blazor working example

Job ID: 36227707

Budget: €8 – €30 EUR

I need a working example on a blazor web assembly project that shows Google maps on a page. This example must be done using JavaScript interop. The page is divided vertically into two halves.on the left there is a button and a html table. On the right, there is a Google map.The html table has 4 columns. Name, latitude, longitude, note. On click othe the button as list is filled by 10 records, those records are shown on the table. At the same time those 10 points appear on the map on the right. For each record a marker is shown (with a custom icon). The marker must contain the value of column name and the note. To make things simple consider that the 10 records deal with an area that a radius ok 50 km. The project mist use .net 6
Related categories: .NET HTML Geospatial Google Maps API Blazor