GoogleMap

Demonstration and configuration of the Radzen Blazor GoogleMap component. The component will work properly only if ApiKey and MapId are set, the key used in this demo is limited to radzen.com. Check these articles to know more on how to obtain ApiKey and MapId:

In this demo the map centers on Sofia, Bulgaria with zoom level 3, displays markers for London, Paris, and Madrid (with toggle and custom SVG label), handles MapClick to log coordinates and MarkerClick to display custom info windows using JavaScript interop.

Console log

✨ 오늘의 명언 & 마음의 양식

“꿈을 꿀 수 있다면, 그것을 이룰 수 있다.”

— 월트 디즈니 (디즈니 창립자)

Demos Configuration

Premium Themes

  • Material 3
  • Material 3 Dark
  • Fluent
  • Fluent Dark

Free Themes

  • Material
  • Material Dark
  • Standard
  • Standard Dark
  • Default
  • Dark
  • Humanistic
  • Humanistic Dark
  • Software
  • Software Dark
An error has occurred. This app may no longer respond until reloaded. Reload 🗙