How to create World map with mouse clicked longitude and latitude using Blazor Application?

Question

How to create World map with mouse clicked longitude and latitude using Blazor Application?

Raja Ganapathy 1

I want to create one Blazor application and display the World map and fetch the longitude and latitude and weather information when click the position.

AgaveJoe 30,126 Reputation points

2022-08-05T12:01:41.233+00:00

I want to create one Blazor application and display the World map and fetch the longitude and latitude and weather information when click the position.

Fantastic! Do you have a question?
Jon Skeet 26 Reputation points

2022-08-10T06:30:33.85+00:00

Hi @Raja Ganapathy ,

What have you done to create the world map? Which kind of map API and Weather API are you using?

Based on your description, I think you might need to do it via the Javascript/JQuery, if that is the case, you can refer to this article to Call JavaScript functions from .NET methods in ASP.NET Core Blazor, and then refer to the map api and the Weather API document to create the world map.

1 answer

Your answer

AgaveJoe 30,126 Reputation points

2022-08-05T12:01:41.233+00:00

I want to create one Blazor application and display the World map and fetch the longitude and latitude and weather information when click the position.

Fantastic! Do you have a question?
Jon Skeet 26 Reputation points

2022-08-10T06:30:33.85+00:00

Hi @Raja Ganapathy ,

What have you done to create the world map? Which kind of map API and Weather API are you using?

Based on your description, I think you might need to do it via the Javascript/JQuery, if that is the case, you can refer to this article to Call JavaScript functions from .NET methods in ASP.NET Core Blazor, and then refer to the map api and the Weather API document to create the world map.

Answer 1

Bruce (SqlWork.com) 77,766 Volunteer Moderator

this can be done with either google or azure maps. both supply a javascript client api you can call with blazors javascript interop. the api are similar, include the script file, on the page, define a div to host the map and call the javascript init. all easily doable from blazor.

https://learn.microsoft.com/en-us/azure/azure-maps/how-to-use-map-control
https://developers.google.com/maps/documentation/javascript

Share via

How to create World map with mouse clicked longitude and latitude using Blazor Application?

1 answer

Your answer