From 85e678dfce5d19655a2cfd5fcffa8e148a5caf58 Mon Sep 17 00:00:00 2001 From: mohammednowfel4989 Date: Wed, 22 Apr 2026 10:27:01 +0530 Subject: [PATCH] 1022922: Updated ReadMe file of the project. --- README.md | 52 +++++++++++++++++++++++++++++++++++++++++++--------- 1 file changed, 43 insertions(+), 9 deletions(-) diff --git a/README.md b/README.md index 8bbd1a4..84df705 100644 --- a/README.md +++ b/README.md @@ -1,18 +1,52 @@ # Adding Annotations to Blazor Maps -This sample explains about how to add annotations to a Syncfusion Blazor Maps in a Blazor WebAssembly app. +This project demonstrates how to add and configure annotations in **Syncfusion Blazor Maps** within a **Blazor WebAssembly** application. It is intended as a focused sample to help developers understand how annotations can be overlaid on map components to display custom content such as text, shapes, or UI elements at specific geographic locations. -**Examples**: https://blazor.syncfusion.com/demos/maps/annotation?theme=bootstrap5 +The sample is aligned with Syncfusion’s Blazor Maps component and shows practical usage patterns that can be adapted to real-world applications requiring map-based visualization with additional contextual information. -**Documentation**: https://blazor.syncfusion.com/documentation/maps/annotations +## Project Overview + +Blazor Maps supports rich data visualization by allowing developers to render maps with layers, markers, and annotations. This sample specifically highlights the annotation feature, which enables placing custom content on the map surface. The example illustrates how annotations integrate with the map lifecycle in a Blazor WebAssembly environment using Syncfusion UI components. + +The project is designed to be simple, easy to run, and suitable for learning or reference purposes when working with Syncfusion Blazor Maps. + +## Features + +- Demonstrates adding annotations to Syncfusion Blazor Maps +- Uses Blazor WebAssembly as the hosting model +- Shows interaction between map layers and annotation elements +- Clean and minimal setup focused on annotations only ## Prerequisites -* Visual Studio 2022 +To run this project, ensure the following software is installed: + +- Visual Studio 2022 +- .NET SDK compatible with Blazor WebAssembly +- Basic familiarity with Blazor and Razor components + +## How to Run the Project + +1. Clone or download this repository to your local machine. +2. Open the solution file using **Visual Studio 2022**. +3. Restore the required NuGet packages by rebuilding the solution. +4. Run the project using the built-in debugger or IIS Express. +5. The Blazor WebAssembly app will launch in your default browser. + +## Usage + +Once the application is running, the map component loads with predefined annotations. These annotations are positioned based on configuration defined in the Blazor components and demonstrate how custom content can be attached to specific map coordinates. + +Developers can modify the annotation settings to experiment with different placement, styling, or content types. + +## Examples and Documentation + +- **Live Example**: + https://blazor.syncfusion.com/demos/maps/annotation?theme=bootstrap5 + +- **Documentation**: + https://blazor.syncfusion.com/documentation/maps/annotations -## How to run the project +## Support and Resources -* Checkout this project to a location in your disk. -* Open the solution file using the Visual Studio 2022. -* Restore the NuGet packages by rebuilding the solution. -* Run the project. \ No newline at end of file +For additional help or advanced scenarios, refer to the official Syncfusion Blazor documentation and demos. These resources provide deeper insights into configuration options, performance considerations, and advanced map customization.