Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

SEO-177270 - Blazor Maps changes #3

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

SEO-177270 - Blazor Maps changes #3

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
53 changes: 48 additions & 5 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,10 +1,6 @@
# Create Blazor Maps using Blazor Server App in 10 Minutes

This sample explains how to create and configure Syncfusion Blazor Maps component in a Blazor Server App using Visual Studio 2022. Using the Blazor Maps component, you can visualize the earth's surface and show static or interactive regions, zones, boundaries, or any geographic area . In this video, you will learn how to add a simple Blazor Maps component to a Blazor server app. You will also see how to render maps with basic features like legend, data label, and tooltip.

**Example**: https://blazor.syncfusion.com/demos/maps/default-functionalities

**Documentation**: https://blazor.syncfusion.com/documentation/maps/getting-started
The [Blazor Maps](https://www.syncfusion.com/blazor-components/blazor-map?utm_source=github&utm_medium=listing&utm_campaign=blazor-maps-github-samples) is ideal for rendering map from GeoJSON data or other map providers like OpenStreetMap, Google Maps, Bing Maps, etc. This sample explains how to create and configure Syncfusion Blazor Maps component in a Blazor Server App using Visual Studio 2022. Using the Blazor Maps component, you can visualize the earth's surface and show static or interactive regions, zones, boundaries, or any geographic area . In this video, you will learn how to add a simple Blazor Maps component to a Blazor server app. You will also see how to render maps with basic features like legend, data label, and tooltip.

## Prerequisites

Expand All @@ -16,3 +12,50 @@ This sample explains how to create and configure Syncfusion Blazor Maps componen
* Open the solution file using the Visual Studio 2022.
* Restore the NuGet packages by rebuilding the solution.
* Run the project.

## Features and Benefits

### Annotation
Display any HTML element as an [annotation](https://blazor.syncfusion.com/documentation/maps/annotations?utm_source=github&utm_medium=listing&utm_campaign=blazor-maps-github-samples) at a specific point of interest on a map. For example, place a direction compass image on the map using annotation. You can also add multiple annotations to a map.

### Selection and highlight
Select a particular shape on mouse click or highlight on mouse hover to bring the focus to the other shapes on a map.

### Zooming and panning
Zoom the map for close-up analysis by pinching the map, scrolling the mouse wheel, clicking the shapes, or by using zooming toolbar; and pan the map for easy navigation across regions. You can also change the zoom level of the initial rendering.

### Color mapping
Categorize the shapes on a map by customizing their color based on the underlying values. The Blazor Maps component supports three types of [color mapping](https://blazor.syncfusion.com/documentation/maps/color-mapping?utm_source=github&utm_medium=listing&utm_campaign=blazor-maps-github-samples): range color mapping, equal color mapping and desaturation color mapping.

## Related links
[Learn More about Blazor Maps](https://www.syncfusion.com/blazor-components/blazor-map?utm_source=github&utm_medium=listing&utm_campaign=blazor-maps-github-samples)

[Download Free Trial](https://www.syncfusion.com/downloads/blazor?utm_source=github&utm_medium=listing&utm_campaign=blazor-maps-github-samples)

[Pricing](https://www.syncfusion.com/sales/teamlicense?utm_source=github&utm_medium=listing&utm_campaign=blazor-maps-github-samples)

[Documentation](https://blazor.syncfusion.com/documentation/maps/getting-started?utm_source=github&utm_medium=listing&utm_campaign=blazor-maps-github-samples)

[View Demos](https://github.com/SyncfusionExamples/create-blazor-maps-component-in-blazor-server-app?utm_source=github&utm_medium=listing&utm_campaign=blazor-maps-github-samples)

[Community Forums](https://www.syncfusion.com/forums/blazor-components?utm_source=github&utm_medium=listing&utm_campaign=blazor-maps-github-samples)

[Suggest a feature or report a bug](https://www.syncfusion.com/feedback/blazor-components?utm_source=github&utm_medium=listing&utm_campaign=blazor-maps-github-samples)

[Online example](https://blazor.syncfusion.com/demos/maps/default-functionalities?theme=bootstrap5?utm_source=github&utm_medium=listing&utm_campaign=blazor-maps-github-samples)

[Video Tutorials](https://www.syncfusion.com/tutorial-videos/blazor/maps?utm_source=github&utm_medium=listing&utm_campaign=blazor-maps-github-samples)

## About Syncfusion Blazor Components
The Syncfusion's [Blazor components](https://www.syncfusion.com/blazor-components?utm_source=github&utm_medium=listing&utm_campaign=blazor-maps-github-samples) library offers over 80 UI components to work with Blazor server-side and client-side (Blazor WebAssembly) projects seamlessly. In addition to Maps, we provide popular Blazor Components such as [DataGrid](https://www.syncfusion.com/blazor-components/blazor-datagrid?utm_source=github&utm_medium=listing&utm_campaign=blazor-maps-github-samples), [Charts](https://www.syncfusion.com/blazor-components/blazor-charts?utm_source=github&utm_medium=listing&utm_campaign=blazor-maps-github-samples), [Scheduler](https://www.syncfusion.com/blazor-components/blazor-scheduler?utm_source=github&utm_medium=listing&utm_campaign=blazor-maps-github-samples), [Diagram](https://www.syncfusion.com/blazor-components/blazor-diagram?utm_source=github&utm_medium=listing&utm_campaign=blazor-maps-github-samples), and [Word Processor](https://www.syncfusion.com/blazor-components/blazor-word-processor?utm_source=github&utm_medium=listing&utm_campaign=blazor-maps-github-samples).

### About Syncfusion
Founded in 2001 and headquartered in Research Triangle Park, N.C., Syncfusion has more than 29,000 customers and more than 1 million users, including large financial institutions, Fortune 500 companies, and global IT consultancies.

Today, we provide 1800+ components and frameworks for web ([Blazor](https://www.syncfusion.com/blazor-components?utm_source=github&utm_medium=listing&utm_campaign=blazor-maps-github-samples), [ASP NET Core](https://www.syncfusion.com/aspnet-core-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-maps-github-samples), [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-maps-github-samples), [ASP.NET WebForms](https://www.syncfusion.com/jquery/aspnet-webforms-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-maps-github-samples), [JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-maps-github-samples), [Angular](https://www.syncfusion.com/angular-ui-components?utm_source=github&utm_medium=listing&utm_campaign=blazor-maps-github-samples), [React](https://www.syncfusion.com/react-ui-components?utm_source=github&utm_medium=listing&utm_campaign=blazor-maps-github-samples), [Vue](https://www.syncfusion.com/vue-ui-components?utm_source=github&utm_medium=listing&utm_campaign=blazor-maps-github-samples), and [Flutter](https://www.syncfusion.com/flutter-widgets?utm_source=github&utm_medium=listing&utm_campaign=blazor-maps-github-samples)), mobile ([Xamarin](https://www.syncfusion.com/xamarin-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-maps-github-samples), [Flutter](https://www.syncfusion.com/flutter-widgets?utm_source=github&utm_medium=listing&utm_campaign=blazor-maps-github-samples), [UWP](https://www.syncfusion.com/uwp-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-maps-github-samples),[JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-maps-github-samples), and [MAUI(Preview)](https://www.syncfusion.com/maui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-maps-github-samples)), and desktop development ([WinForms](https://www.syncfusion.com/winforms-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-maps-github-samples), [WPF](https://www.syncfusion.com/wpf-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-maps-github-samples), [WinUI](https://www.syncfusion.com/winui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-maps-github-samples),[UWP](https://www.syncfusion.com/uwp-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-maps-github-samples), [Flutter](https://www.syncfusion.com/flutter-widgets?utm_source=github&utm_medium=listing&utm_campaign=blazor-maps-github-samples). and [MAUI(Preview)](https://www.syncfusion.com/maui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-maps-github-samples)). We provide ready-to-deploy enterprise software for dashboards, reports, data integration, and big data processing. Many customers have saved millions in licensing fees by deploying our software.

<hr style="height:0.3px;border:none;color:lightgrey;background-color:lightgrey;" />

<p align="center">
<a href="mailto:[email protected]?Subject=Syncfusion Blazor Maps - GitHub" target="_top">[email protected]</a> | <a href="https://www.syncfusion.com?utm_source=github&utm_medium=listing&utm_campaign=blazor-maps-github-samples">www.syncfusion.com</a>| Toll Free: 1-888-9 DOTNET <br>
</p>