Ticket T995233
Visible to All Users

Blazor - How to support the XAF Maps Module scenarios (display vector and raster maps)

created 4 years ago

Hi,
I need to display a map with a marker in detail view. This is related to persistent table with lat and long information for that marker.

I saw in the XAF roadmap for blazor that you will not include map module in the Blazor's next releases. What is your recommendation about my use case?

Best,
Ivan

Answers approved by DevExpress Support

created 4 years ago (modified a month ago)

Hello,

This is technically possible: XAF's Blazor UI is an extendable framework, and you can integrate a custom control in it as described at Integrate Custom UI Components.

XAF's Blazor UI does not ship with a built-in map control or a prebuilt Maps module like the one in ASP.NET Web Forms. So, you will be able to use free or paid alternatives here, for instance, native Blazor or JavaScript map components. If you choose our DevExtreme map control (JS), you will find the following articles helpful:

Blazor DxMap control inside XAF's Outlook Inspired Demo
Blazor - How to use DevExtreme maps in a Blazor application
Blazor - How to integrate a custom DevExtreme component and bind it to a data source
XAF Blazor - How to Implement a TreeList Editor
Add DevExtreme Widgets to an Application

You can find a complete list of custom editor examples in the following help topic: Frequently Asked Questions - Blazor UI (FAQ) > Integrate Custom UI Components. We do not have prebuilt examples with the map control, but it describes the main integration concepts, so you can create your own implementation. Of course, you can also use Google Maps or other third-party or self-made components for this task.

Take special note that this task requires general knowledge of ASP.NET Core Blazor Server, JavaScript, and HTML. So, try to implement this task in a non-XAF Blazor Server app first - integration in XAF will be much easier after that. For more information on XAF's extensibility and UI customization, please review this page: XAF Considerations for Newcomers - Application Framework | DevExpress.

Alternatively, use the Dashboards module with the Geo Point Map or Online Map widget.

Thanks,
Andrey

    Disclaimer: The information provided on DevExpress.com and affiliated web properties (including the DevExpress Support Center) is provided "as is" without warranty of any kind. Developer Express Inc disclaims all warranties, either express or implied, including the warranties of merchantability and fitness for a particular purpose. Please refer to the DevExpress.com Website Terms of Use for more information in this regard.

    Confidential Information: Developer Express Inc does not wish to receive, will not act to procure, nor will it solicit, confidential or proprietary materials and information from you through the DevExpress Support Center or its web properties. Any and all materials or information divulged during chats, email communications, online discussions, Support Center tickets, or made available to Developer Express Inc in any manner will be deemed NOT to be confidential by Developer Express Inc. Please refer to the DevExpress.com Website Terms of Use for more information in this regard.