-
Notifications
You must be signed in to change notification settings - Fork 3
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
f31b28c
commit c98bc29
Showing
1 changed file
with
48 additions
and
5 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| 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 | ||
|
|
||
|
|
@@ -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> | ||